首页 > 代码库 > 百度编辑器（UEditor）自定义工具栏
百度编辑器（UEditor）自定义工具栏
百度编辑器（UEditor）自定义工具栏的自定义
百度编辑器默认功能比较齐全，但是不一定是我们所需要的，有的功能可以去掉，用自己想要的就可以了，可以参考百度官方文档！
百度编辑器默认配置展示界面
如何自定义工具栏：
方法一：在实例化编辑器的时候红色文字部分便是你所需要的
1 <script type="text/Javascript"> 2 var editor = UE.getEditor(‘container‘,{ 3 //这里可以选择自己需要的工具按钮名称,此处仅选择如下五个 4 toolbars:[[‘FullScreen‘, ‘Source‘, ‘Undo‘, ‘Redo‘,‘bold‘,‘test‘]], 5 //focus时自动清空初始化时的内容 6 autoClearinitialContent:true, 7 //关闭字数统计 8 wordCount:false, 9 //关闭elementPath 10 elementPathEnabled:false, 11 //默认的编辑区域高度 12 initialFrameHeight:300 13 //更多其他参数，请参考ueditor.config.js中的配置项 14 }); 15 </script>
方法二：
直接修改ueditor.config.js配置文件
找到：红色框中的内容并注释掉重新选中自己需要的
第一步：
第二步：修改成你所需要的比如
1 , toolbars: [[ 2 ‘link‘, //超链接 3 ‘unlink‘, //取消链接 4 ‘|‘, 5 ‘forecolor‘, //字体颜色 6 ‘backcolor‘, //背景色 7 ‘fontfamily‘, //字体 8 ‘fontsize‘, //字号 9 ‘|‘, 10 ‘bold‘, //加粗11 ‘italic‘, //斜体12 ‘underline‘, //下划线13 ‘strikethrough‘, //删除线14 ‘|‘,15 ‘formatmatch‘, //格式刷16 ‘removeformat‘, //清除格式17 ‘|‘,18 ‘insertorderedlist‘, //有序列表19 ‘insertunorderedlist‘, //无序列表20 ‘|‘,21 ‘inserttable‘, //插入表格22 ‘paragraph‘, //段落格式23 ‘simpleupload‘, //单图上传24 ‘imagecenter‘, //居中25 ‘attachment‘, //附件26 27 ‘|‘,28 ‘justifyleft‘, //居左对齐29 ‘justifycenter‘, //居中对齐30 ‘horizontal‘, //分隔线31 ‘|‘,32 ‘blockquote‘, //引用33 ‘insertcode‘, //代码语言34 35 ‘|‘,36 ‘source‘, //源代码37 ‘preview‘, //预览38 ‘fullscreen‘, //全屏39 ]]
展现效果：
完整的按钮列表参考：
1 toolbars: [ 2 [ 3 ‘anchor‘, //锚点 4 ‘undo‘, //撤销 5 ‘redo‘, //重做 6 ‘bold‘, //加粗 7 ‘indent‘, //首行缩进 8 ‘snapscreen‘, //截图 9 ‘italic‘, //斜体10 ‘underline‘, //下划线11 ‘strikethrough‘, //删除线12 ‘subscript‘, //下标13 ‘fontborder‘, //字符边框14 ‘superscript‘, //上标15 ‘formatmatch‘, //格式刷16 ‘source‘, //源代码17 ‘blockquote‘, //引用18 ‘pasteplain‘, //纯文本粘贴模式19 ‘selectall‘, //全选20 ‘print‘, //打印21 ‘preview‘, //预览22 ‘horizontal‘, //分隔线23 ‘removeformat‘, //清除格式24 ‘time‘, //时间25 ‘date‘, //日期26 ‘unlink‘, //取消链接27 ‘insertrow‘, //前插入行28 ‘insertcol‘, //前插入列29 ‘mergeright‘, //右合并单元格30 ‘mergedown‘, //下合并单元格31 ‘deleterow‘, //删除行32 ‘deletecol‘, //删除列33 ‘splittorows‘, //拆分成行34 ‘splittocols‘, //拆分成列35 ‘splittocells‘, //完全拆分单元格36 ‘deletecaption‘, //删除表格标题37 ‘inserttitle‘, //插入标题38 ‘mergecells‘, //合并多个单元格39 ‘deletetable‘, //删除表格40 ‘cleardoc‘, //清空文档41 ‘insertparagraphbeforetable‘, //"表格前插入行"42 ‘insertcode‘, //代码语言43 ‘fontfamily‘, //字体44 ‘fontsize‘, //字号45 ‘paragraph‘, //段落格式46 ‘simpleupload‘, //单图上传47 ‘insertimage‘, //多图上传48 ‘edittable‘, //表格属性49 ‘edittd‘, //单元格属性50 ‘link‘, //超链接51 ‘emotion‘, //表情52 ‘spechars‘, //特殊字符53 ‘searchreplace‘, //查询替换54 ‘map‘, //Baidu地图55 ‘gmap‘, //Google地图56 ‘insertvideo‘, //视频57 ‘help‘, //帮助58 ‘justifyleft‘, //居左对齐59 ‘justifyright‘, //居右对齐60 ‘justifycenter‘, //居中对齐61 ‘justifyjustify‘, //两端对齐62 ‘forecolor‘, //字体颜色63 ‘backcolor‘, //背景色64 ‘insertorderedlist‘, //有序列表65 ‘insertunorderedlist‘, //无序列表66 ‘fullscreen‘, //全屏67 ‘directionalityltr‘, //从左向右输入68 ‘directionalityrtl‘, //从右向左输入69 ‘rowspacingtop‘, //段前距70 ‘rowspacingbottom‘, //段后距71 ‘pagebreak‘, //分页72 ‘insertframe‘, //插入Iframe73 ‘imagenone‘, //默认74 ‘imageleft‘, //左浮动75 ‘imageright‘, //右浮动76 ‘attachment‘, //附件77 ‘imagecenter‘, //居中78 ‘wordimage‘, //图片转存79 ‘lineheight‘, //行间距80 ‘edittip ‘, //编辑提示81 ‘customstyle‘, //自定义标题82 ‘autotypeset‘, //自动排版83 ‘webapp‘, //百度应用84 ‘touppercase‘, //字母大写85 ‘tolowercase‘, //字母小写86 ‘background‘, //背景87 ‘template‘, //模板88 ‘scrawl‘, //涂鸦89 ‘music‘, //音乐90 ‘inserttable‘, //插入表格91 ‘drafts‘, // 从草稿箱加载92 ‘charts‘, // 图表93 ]
百度编辑器（UEditor）自定义工具栏
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。