码迷,mamicode.com
首页 > Web开发 > 详细

富文本web编辑器(UEditor)

时间:2016-03-22 12:23:26      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:

展示效果:

技术分享

代码方式:

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

富文本web编辑器(UEditor)

标签:

原文地址:http://www.cnblogs.com/NB-JDzhou/p/5305572.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!