WangEditor的使用

Posted gopush

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了WangEditor的使用相关的知识,希望对你有一定的参考价值。

富文本编辑器 WangEditor的使用

1.首先引入jar ---------------wangEditor.js

2.初始化wangEditor

var E = window.wangEditor
editor = new E(‘#notContect‘)
editor.customConfig.uploadImgServer = ‘p/onload/upload‘; //上传URL
editor.customConfig.uploadFileName = ‘myFileName‘;
editor.customConfig.uploadImgHooks = {
customInsert: function (insertImg, result, editor) {

//上传成功后返回地址
var url =result.data;
insertImg(url);
// result 必须是一个 JSON 格式字符串!!!否则报错
}
}
editor.create();

附上wangEditor官网地址---http://www.wangeditor.com/

 

以上是关于WangEditor的使用的主要内容,如果未能解决你的问题,请参考以下文章

wangeditor多图上传不会变成数组

wangeditor视频

wangEditor上传图片

wangeditor图片编辑去除放大缩小功能

wangEditor富文本编辑器结合vue使用

富文本使用之wangEditor3