首页 > 其他 > 详细

ueditor 定制工具栏图标

时间:2015-07-18 15:27:51      阅读:309      评论:0      收藏:0      [点我收藏+]

在使用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
    });

 

ueditor 定制工具栏图标

原文:http://www.cnblogs.com/lunawzh/p/4656809.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!