富文本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

posted @ 2016-03-22 11:27  =DLSS=webZT  阅读(514)  评论(0编辑  收藏  举报