AI智能
改变未来

编辑ueditor的样式(ueditor隐藏工具栏)

1、下载并引入框架

<script type=\"text/javascript\" src=\"__STATIC__/lib/ueditor/1.4.3/ueditor.config.js\"></script><script type=\"text/javascript\" src=\"__STATIC__/lib/ueditor/1.4.3/ueditor.all.min.js\"> </script><script type=\"text/javascript\" src=\"__STATIC__/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js\"></script>

2、html中加入一下代码代替文本框
这是一个文本框

<script id=\"single_title\" name=\"single_title\" type=\"text/plain\" style=\"width:100%;height:400px;\"></script>

如果同个页面存在多个ueditor编辑器文本框,则每个文本框命名不同,并在下面各自设置即可

<script id=\"single_title\" name=\"single_title\" type=\"text/plain\" style=\"width:100%;height:400px;\"></script><script id=\"analysis\" name=\"analysis\" type=\"text/plain\" style=\"width:100%;height:400px;\"></script>

3、对每个编辑器文本框分别进行配置,隐藏工具栏

<script>// 初始化ueditorvar ue = UE.getEditor(\'single_title\',{//这里可以选择自己需要的工具按钮名称,此处仅选择如下五个toolbars:[[\'FullScreen\', \'Source\', \'Undo\', \'Redo\',\'bold\',\'test\']],//focus时自动清空初始化时的内容autoClearinitialContent:true,//关闭字数统计wordCount:false,//关闭elementPathelementPathEnabled:false,//默认的编辑区域高度initialFrameHeight:100//更多其他参数,请参考ueditor.config.js中的配置项});ue.ready(function() {//设置默认值ue.setContent();});// 初始化题目解析var analysis = UE.getEditor(\'analysis\',{//这里可以选择自己需要的工具按钮名称,此处仅选择如下五个toolbars:[[\'FullScreen\', \'Source\', \'Undo\', \'Redo\',\'bold\',\'test\']],//focus时自动清空初始化时的内容autoClearinitialContent:true,//关闭字数统计wordCount:false,//关闭elementPathelementPathEnabled:false,//默认的编辑区域高度initialFrameHeight:100//更多其他参数,请参考ueditor.config.js中的配置项});analysis.ready(function() {//设置默认值analysis.setContent();});</script>

以上是一一对应的关系,在实际运用中灵活运用。

赞(0) 打赏
未经允许不得转载:爱站程序员基地 » 编辑ueditor的样式(ueditor隐藏工具栏)