ueditor 定制工具栏图标

在使用Ueditor时，如要简化工具栏上的按钮，可以修改配置项的方法： 1. 方法一：修改 ueditor.config.js 里面的 toolbars 2. 方法二：实例化编辑器的时候传入 toolbars 参数

 

我一般用第二种方法，

<script src="~/Content/ueditor/ueditor.config.js"></script>
<script src="~/Content/ueditor/ueditor.all.min.js"></script>
 <script type="text/plain" id="bcontent" name="bcontent" style="width:100%;height:360px;">
            </script>
<script type="text/javascript">
   
    var ue = UE.getEditor('bcontent', {
        toolbars: [["fullscreen","source","undo","redo","bold","italic","underline","fontborder","strikethrough","superscript","subscript","insertunorderedlist","insertorderedlist","justifyleft","justifycenter","justifyright","justifyjustify","removeformat","simpleupload","snapscreen","emotion","attachment"]]
       ,
        autoHeightEnabled: true,
        autoFloatEnabled: true
    });
</script>

 

这样可以在一个项目中使用多种风格的工具栏，我的偷懒方法是，先上官方网站下载中有一项定制：http://ueditor.baidu.com/website/download.html#ubuilder，通过定制用鼠标选择想要的按钮，完成后下载资源包，下载包中有ueditor.config.js文件打开，拷贝其中的toolbars 参数，在网页实例化编辑器时传入 toolbars 参数

var ue = UE.getEditor('bcontent', {
        toolbars: [["fullscreen","source","undo","redo","bold","italic","underline","fontborder","strikethrough","superscript","subscript","insertunorderedlist","insertorderedlist","justifyleft","justifycenter","justifyright","justifyjustify","removeformat","simpleupload","snapscreen","emotion","attachment"]]
       ,
        autoHeightEnabled: true,
        autoFloatEnabled: true
    });

 

转载于:https://www.cnblogs.com/lunawzh/p/4656809.html