展示效果：
代码方式：
百度富文本web编辑器
引入文件：
1 <script type="text/javascript" charset="utf-8" src="ueditor.config.js"></script> 2 <script type="text/javascript" charset="utf-8" src="ueditor.all.min.js"> </script> 3 <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败--> 4 <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文--> 5 <script type="text/javascript" charset="utf-8" src="lang/zh-cn/zh-cn.js"></script>
设定script区域用于显示内容
1 <script id="editor" type="text/plain" style="1024px;height:500px;"></script>
部分编辑内容进行设定，参考文档地址：http://fex.baidu.com/ueditor/
1 <script type="text/javascript"> 2 3 //实例化编辑器 4 //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例 5 var ue = UE.getEditor('editor',{ 6 // 大括号内添加样式用逗号隔开 7 toolbars: [ 8 ['fullscreen', 'source', 'undo', 'redo', 'bold','snapscreen','unlink','link',] 9 ],/*简单样式的列表*/ 10 //focus时自动清空初始化时的内容 11 autoClearinitialContent:true, 12 //关闭字数统计 13 wordCount:false, 14 //关闭elementPath 15 elementPathEnabled:false, 16 //默认的编辑区域高度 17 initialFrameHeight:300, 18 }); 19 20 21 22 </script>
需将初始化设定的内容放在大括号内进行
使用版本：ueditor1_4_3_2-utf8-net
360云盘地址
https://yunpan.cn/OcYp8dItQqymcm 访问密码 01ef