富文本编辑器Ueditor

Posted 2020-11-24 ych961107

一、大概使用：

官网：http://ueditor.baidu.com/website/download.html

使用：【参考index.html】
3.1 引入ueditor的js
<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/static/js/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/static/js/ueditor/ueditor.all.min.js"> </script>
<!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/static/js/ueditor/lang/zh-cn/zh-cn.js"></script>

3.2 提供一个具有高和宽的容器【div、】
<script id="editor" type="text/plain" style="width:1024px;height:500px;"></script>

3.3 初始化Echart对象
<script type="text/javascript">

//实例化编辑器
//建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor(‘editor‘)就能拿到相关的实例
var ue = UE.getEditor(‘editor‘);

正文：