wangeditor 粘贴word内容带样式

bug:最近遇到页面渲染数据多了/

 

 

分析原因，原来是富文本编辑器粘贴word内容是的样式问题，不同富文本编辑器处理方式略有不同，不过都大同小异，解决此问题考虑二处，一处是富文本编辑是就把多余的标签去掉，一处是针对已经上线的项目，数据库已经有此类数据，再从接口取到数据时稍做处理即可。下面详细展示错误页面和bug以及解决代码，如有不足，欢迎交流！

一：富文本编辑器编辑内容情况

1、页面呈现:

:

2、代码呈现：/

 

3、处理方式：wangeditor自带粘贴文本样式过滤：

3.1粘贴文本

注意，以下配置暂时对 IE 无效。IE 暂时使用系统自带的粘贴功能，没有样式过滤！

3.1.1关闭粘贴样式的过滤

当从其他网页复制文本内容粘贴到编辑器中，编辑器会默认过滤掉复制文本中自带的样式，目的是让粘贴后的文本变得更加简洁和轻量。用户可通过editor.customConfig.pasteFilterStyle = false手动关闭掉粘贴样式的过滤。

但不知为何，我的不生效，所以我使用了，自定义处理粘贴的文本内容：

3.1.2自定义处理粘贴的文本内容

使用者可通过editor.customConfig.pasteTextHandle对粘贴的文本内容进行自定义的过滤、处理等操作，然后返回处理之后的文本内容。编辑器最终会粘贴用户处理之后并且返回的的内容。

 

代码：

// 自定义处理粘贴的文本内容
    this.editor.customConfig.pasteTextHandle = function (content) {
    // content 即粘贴过来的内容（html 或 纯文本），可进行自定义处理然后返回
    if (content == '' && !content) return ''
    let str = content;
    //处理的标签里的多余代码
    str = str.replace(/[\s\S]*?<\/xml>/ig, '');
    str=str.replace('/(\\n|\\r| class=(")?Mso[a-zA-Z]+(")?)/g','');
    let reg=new RegExp('','g')
    str=str.replace(reg,'');
    //str = str.replace(/