1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > 编辑ueditor的样式(ueditor隐藏工具栏)

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

时间:2020-07-13 16:17:35

相关推荐

编辑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, //关闭elementPath elementPathEnabled: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, //关闭elementPath elementPathEnabled:false, //默认的编辑区域高度 initialFrameHeight:100 //更多其他参数,请参考ueditor.config.js中的配置项 });analysis.ready(function() {//设置默认值analysis.setContent();});</script>

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。