百度编辑器(UEditor)自定义工具栏
来源:互联网 发布:网络需求分析报告 编辑:程序博客网 时间:2024/05/21 11:15
百度编辑器(UEditor)自定义工具栏的自定义
百度编辑器默认功能比较齐全,但是不一定是我们所需要的,有的功能可以去掉,用自己想要的就可以了,可以参考百度官方文档!
百度编辑器默认配置展示界面
如何自定义工具栏:
方法一:在实例化编辑器的时候红色文字部分便是你所需要的toolbars:[['FullScreen', 'Source', 'Undo', 'Redo','bold','test']],
<script type="text/Javascript"> var editor = UE.getEditor('container',{ //这里可以选择自己需要的工具按钮名称,此处仅选择如下五个 toolbars:[['FullScreen', 'Source', 'Undo', 'Redo','bold','test']], //focus时自动清空初始化时的内容 autoClearinitialContent:true, //关闭字数统计 wordCount:false, //关闭elementPath elementPathEnabled:false, //默认的编辑区域高度 initialFrameHeight:300 //更多其他参数,请参考ueditor.config.js中的配置项 }); </script>
方法二:
直接修改ueditor.config.js配置文件
找到:红色框中的内容并注释掉重新选中自己需要的
第一步:
第二步:修改成你所需要的比如
, toolbars: [['link', //超链接'unlink', //取消链接'|','forecolor', //字体颜色 'backcolor', //背景色'fontfamily', //字体 'fontsize', //字号'|', 'bold', //加粗 'italic', //斜体 'underline', //下划线 'strikethrough', //删除线'|', 'formatmatch', //格式刷'removeformat', //清除格式'|','insertorderedlist', //有序列表 'insertunorderedlist', //无序列表'|','inserttable', //插入表格'paragraph', //段落格式'simpleupload', //单图上传'imagecenter', //居中'attachment', //附件'|','justifyleft', //居左对齐 'justifycenter', //居中对齐 'horizontal', //分隔线'|','blockquote', //引用'insertcode', //代码语言'|', 'source', //源代码 'preview', //预览'fullscreen', //全屏 ]]
展现效果:
完整的按钮列表参考:
toolbars: [ [ 'anchor', //锚点 'undo', //撤销 'redo', //重做 'bold', //加粗 'indent', //首行缩进 'snapscreen', //截图 'italic', //斜体 'underline', //下划线 'strikethrough', //删除线 'subscript', //下标 'fontborder', //字符边框 'superscript', //上标 'formatmatch', //格式刷 'source', //源代码 'blockquote', //引用 'pasteplain', //纯文本粘贴模式 'selectall', //全选 'print', //打印 'preview', //预览 'horizontal', //分隔线 'removeformat', //清除格式 'time', //时间 'date', //日期 'unlink', //取消链接 'insertrow', //前插入行 'insertcol', //前插入列 'mergeright', //右合并单元格 'mergedown', //下合并单元格 'deleterow', //删除行 'deletecol', //删除列 'splittorows', //拆分成行 'splittocols', //拆分成列 'splittocells', //完全拆分单元格 'deletecaption', //删除表格标题 'inserttitle', //插入标题 'mergecells', //合并多个单元格 'deletetable', //删除表格 'cleardoc', //清空文档 'insertparagraphbeforetable', //"表格前插入行" 'insertcode', //代码语言 'fontfamily', //字体 'fontsize', //字号 'paragraph', //段落格式 'simpleupload', //单图上传 'insertimage', //多图上传 'edittable', //表格属性 'edittd', //单元格属性 'link', //超链接 'emotion', //表情 'spechars', //特殊字符 'searchreplace', //查询替换 'map', //Baidu地图 'gmap', //Google地图 'insertvideo', //视频 'help', //帮助 'justifyleft', //居左对齐 'justifyright', //居右对齐 'justifycenter', //居中对齐 'justifyjustify', //两端对齐 'forecolor', //字体颜色 'backcolor', //背景色 'insertorderedlist', //有序列表 'insertunorderedlist', //无序列表 'fullscreen', //全屏 'directionalityltr', //从左向右输入 'directionalityrtl', //从右向左输入 'rowspacingtop', //段前距 'rowspacingbottom', //段后距 'pagebreak', //分页 'insertframe', //插入Iframe 'imagenone', //默认 'imageleft', //左浮动 'imageright', //右浮动 'attachment', //附件 'imagecenter', //居中 'wordimage', //图片转存 'lineheight', //行间距 'edittip ', //编辑提示 'customstyle', //自定义标题 'autotypeset', //自动排版 'webapp', //百度应用 'touppercase', //字母大写 'tolowercase', //字母小写 'background', //背景 'template', //模板 'scrawl', //涂鸦 'music', //音乐 'inserttable', //插入表格 'drafts', // 从草稿箱加载 'charts', // 图表 ]]
0 0
- 百度编辑器(UEditor)自定义工具栏
- 百度编辑器(UEditor)自定义工具栏
- 百度编辑器(UEditor)自定义内容样式
- 编写百度ueditor编辑器自定义插件
- UEditor自定义工具栏图标
- 富文本编辑器UEditor自定义工具栏(一、基础配置与字体、背景色、行间距、超链接实现)
- ueditor自定义工具栏,图标,弹窗
- Ueditor(百度编辑器)的使用
- 百度编辑器(UEditor),设置访问前缀。
- 百度编辑器(UEditor)代码高亮
- ueditor(百度编辑器)的第一次使用
- UEditor(百度编辑器)的使用
- 百度UEditor在线编辑器
- 百度ueditor文本编辑器
- ueditor百度文本编辑器
- 百度编辑器(Ueditor)
- 搞定百度编辑器UEditor
- 百度编辑器 UEditor 使用
- 各大OJ题目分类
- 视频播放插件AvPro QuickTime
- JavaScript中的跑马灯
- 中国天气网 API
- 动态多态
- 百度编辑器(UEditor)自定义工具栏
- 《李光耀观天下(One man's view of the world)》文摘
- Java---IO流之序列流(文件合并)
- docker state.json
- android核心技术之ANR分析(MTK)
- numpy以及matpoltlib备忘录
- 10分钟精通SharePoint-App
- 在Unity中播放视频
- SuperWebClient -一个基于CURL的.NET HTTP-HTTPS模拟神组件(1)