富文本web编辑器（UEditor）

展示效果：

代码方式：

百度富文本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="width: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

转载于:https://www.cnblogs.com/NB-JDzhou/p/5305572.html