js引入富文本编辑器（ueditor）
本帖最后由 流浪1123 于 2017-10-13 10:43 编辑有时我们希望我们能集成富文本编辑器。
富文本编辑器：
UMeditor,简称UM,是为满足广大门户网站对于简单发帖框，或者回复框需求所定制的在线富文本编辑器。 UM的主要特点就是容量和加载速度上的改变，主文件的代码量为139k，而且放弃了使用传统的iframe模式，采用了div的加载方式， 以达到更快的加载速度和零加载失败率。现在UM的第一个使用者是百度贴吧，贴吧每天几亿的pv是对UM各种指标的最好测试平台。 当然随着代码的减少，UM的功能对于UE来说还是有所减少，但我们经过调研和大家对于UM提出的各种意见，提供了现在UM的功能版本， 虽然有删减，但也有增加，比如拖拽图片上传，chrome的图片拖动改变大小等。让UM能在功能和体积上达到一个平衡。UM还会提供 CDN方式，减少大家部署的成本。我们的目标不仅是要提高在线编辑的编辑体验，也希望能改变前端技术中关于富文本技术的门槛，让大家不再觉得这块是个大坑。
========================================================以上来自开源的ueditor.baidu.com
https://p1.ssl.qhmsg.com/t0160ec6e7995959d60.png
这里我们将在我们的项目中集成这个编辑器！
这里我集成的ueditor如下：
1.下载对应的编辑器源码
UEditor - 下载http://ueditor.baidu.com/website/download.html
去对应的界面找到你的语言支持的源代码！
放到对应的文件夹下即可！（就是你的网页的根文件夹目录下）
2.引入js文件
<script type="text/javascript" charset="utf-8" src="/carshop/Public/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="/carshop/Public/ueditor/ueditor.all.min.js"> </script>
<!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
<script type="text/javascript" charset="utf-8" src="/carshop/Public/ueditor/lang/zh-cn/zh-cn.js"></script>
3.写一小段js
<script type="text/javascript">
//实例化编辑器
//建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
//initialFrameWidth:1000,initialFrameHeight:320分别表示宽度和高度1000*320
UE.getEditor('content',{initialFrameWidth:1000,initialFrameHeight:320});
</script>
这样要注意content需要与引入对象的name字段的值
如：
<tr>
<th>内容：</th>
<td><textarea name="content" class="common-textarea" id="content" cols="30" style="width: 98%;" rows="10"></textarea></td>
</tr>
<tr>
整个的引入就是这么的简单！
页:
[1]