wangEditor 富文本编辑器

在vue中引入 

import E from "wangeditor";

正常引入 

var E=window.wangEditor

定义

var editor = new E("#left");

创建

editor.create();

 //当编辑器 改变时 记录其
内容！！

editor.customConfig.onchange =（） => {

//处理回调函数

};

 $$(".aslide .noclass-l .right").on("click", "button", function() {

//获取光标位置
let
range = window.getSelection().getRangeAt(0);

//新建标签及内容

let newSpan=document.createElement("span");

newSpan.style.color = '#000';

newSpan.style.background = 'gray';

newSpan.style.padding = '5px 10px';

newSpan.setAttribute("data-item",$$.trim($$(this).html()) );
 

newSpan.appendChild(document.createTextNode("【"+$$.trim($$(this).html())+"】"));
//插到光标处

range.insertNode(newSpan);

});

最后

以上就是醉熏外套为你收集整理的wangEditor 富文本编辑器的全部内容，希望文章能够帮你解决wangEditor 富文本编辑器所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。