解决复制word导致格式杂乱的问题——wangeditor

最新推荐文章于 2024-07-31 09:27:31 发布

Zdde_

最新推荐文章于 2024-07-31 09:27:31 发布

阅读量3.7k

点赞数

分类专栏： JavaScript 文章标签：解决复制word导致格式杂乱的问题——wangeditor

本文链接：https://blog.csdn.net/weixin_43213137/article/details/102715072

版权

本文介绍了如何解决在wangeditor中复制word内容导致格式杂乱的问题。常见的方法是通过自定义粘贴过滤字符串，但效果不佳。提出了两种解决方案：1. 更换富文本编辑框，如ueditor，但集成复杂；2. 使用iframe引入空白页面，利用word自带样式，通过js处理iframe宽高，实现与word内容格式一致，提高美观度。

摘要由CSDN通过智能技术生成

解决复制word内容导致格式杂乱的问题

网上有很多关于wangeditor编辑框解决word内容格式的问题，基本都是通过自定义的一个粘贴过滤字符串，通过正则滤过一些xml，class，span，空格等字符串

editor.customConfig.pasteTextHandle = function (content) {
   
    var html = content;
    html = html.replace(/<\/?SPANYES[^>]*>/gi,"");//  移除span
    html = html.replace(/<(\w[^>]*)  lang=([^|>]*)([^>]*)/gi, "<$1$3");// 移除lang属性
    html = html.replace(/<\\?\?xml[^>]*>/gi, "");//  移除xml和相关描述
    html = html.replace(/<\/?\w+:[^>]*>/gi, "");// 移除xml命名空间的标签
    html = html.