更新时间:2020-09-04 00:15:41
更新说明:修改bug
更新时间:2020-09-03 12:15:17
页面引入js脚本文件即可,不依赖jq
创建容器
<div id="inEditor"></div>
方法一
var lEditor = new Editor({ ElemId:'inEditor', //容器id Height:'500' //默认高度 }) lEditor.init() 初始化富文本编辑器
方法二
var lEditor = new Editor({ ElemId:'inEditor', //容器id Height:'500' //默认高度 }).init()
设置富文本编辑器内容:
lEditor.setEditorHtml('<h2>这是设置的富文本内容</h2>')
获取富文本编辑器内容:
lEditor.getEditorHtml()
自定义资源文件(图片、视频、音乐、附件)接口上传地址:
lEditor.FileConfig.FileImgPath='http://www.ningchy.com/MyIndex/public/img/'
自定义资源文件访问地址:
lEditor.FileConfig.FileImgUrl='http://www.ningchy.com/ImgFile/imgFile'
注意:资源文件上传成功后直接全路劲加载在富文本编辑器渲染,目前只有图片上传。视频、音乐、附件大同小异,暂时未做
自定义字体(支持多个或单个,中文和英文):
lEditor.setPubConfig.dataFont.windows.push({ ch: '宋体',en: 'SimSun'}) //添加单个字体 lEditor.setPubConfig.dataFont.windows = [{ ch: '宋体',en: 'SimSun'},{ch: '黑体',en: 'SimHei'},{ch: '微软雅黑',en: 'Microsoft Yahei'},{ch: '楷体',en: 'KaiTi'},{ch: 'Airal',en: 'Airal'},{ ch: '宋体',en: 'SimSun'}] //添加多个字体
提出建议(已在项目中使用,踩了好多坑)
1、js 文件的定义变量在严格模式下会报错 var lastEditRange;
2、放在弹框中,同一页面只能用一个,不然很多bug在IE浏览器中,页面始终加载html最前面的div id=inEdit;
3、如果是做内部人员使用的系统无法访问外网,js文件引用图标的路径就得更换,然后把图标放到本地引用;
4、如果一个字不编辑,内容不会为空,而是“</br>
”;