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>
以上是一一对应的关系,在实际运用中灵活运用。