wangEditor关闭粘贴样式的过滤，解决小程序中xml溢出报错问题

从别的网页上复制文本，粘贴到wangEditor富文本编辑器中，因为wangEditor自带粘贴样式过滤，粘贴过来的样式会被编辑器过滤掉，文章中有很多xml的标签，小程序解析时就会出现报错。

解决办法：

在编辑器中加上参数pasteFilterStyle：

var E = window.wangEditor
var editor = new E('#div1')
// 关闭粘贴样式的过滤
editor.customConfig.pasteFilterStyle = false

从word粘贴过来的文档该方法失效，使用过滤方法：

pasteTextHandle(content) {if (content == '' && !content) return '';var str = content;str = str.replace(/<xml>[\s\S]*?<\/xml>/ig, '');str = str.replace(/<style>[\s\S]*?<\/style>/ig, '');str = str.replace(/<\/?[^>]*>/g, '');str = str.replace(/[ | ]*\n/g, '\n');str = str.replace(/&nbsp;/ig, '');return str;}

参考api地址：https://www.kancloud.cn/wangfupeng/wangeditor3/448202

微信小程序mpvue解析富文本mpvue-wxParse方法参考：

https://blog.csdn.net/qq_29483485/article/details/103601850

wangEditor关闭粘贴样式的过滤，解决小程序中xml溢出报错问题相关推荐

微信小程序使用vant weapp报错
微信小程序使用vant weapp报错错误一:构建错误错误二:["usingComponents"]["van-button"] 未找到我的安装流程 1. ...
小程序真机调试报错： errMsg“:“hideLoading:fail:toast can‘t be found“？
小程序真机调试报错: errMsg":"hideLoading:fail:toast can't be found"? 上线小程序后报错,导致toast直接不显示或者一闪 ...
小程序插件封装Component报错 Component is not found in path……或 component is not defined
小程序插件封装Component报错小白程序猿,小程序在封装插件的时候遇到 Component报错,解决方式. # 提示为Component is not found in path--解决方式:排 ...
已解决（Python读取xml文件报错）xmL.etree.ELementTree.ParseError:not well-formed (invalid token): Line
已解决(Python读取xml文件报错)xmL.etree.ELementTree.ParseError:not well-formed (invalid token): Line 文章目录报错信息 ...
mpvue开发微信小程序，分享按钮报错：`Cannot read property 'apply' of null`
用mpvue开发微信小程序,分享按钮报错:Cannot read property 'apply' of null thirdScriptError Cannot read property 'app ...
小程序中的css样式有哪些,微信小程序中css样式media标签
前沿:微信小程序中我遇到了一个对我来说是新的东西,但是对于前端开发来说不算是新知识,html页面中的media标签,在此记录下来以备不时之需在css中我们使用media标签来区分调用哪个css样式, ...
微信小程序新建/导入项目报错：self signed certificate in certificat 和 getaddrinfo ENOTFOUND servic的原因及解决办法
文章目录前言: 报错如下: 一.开发环境: 1.开发者工具版本号: 2.系统版本二.这俩个问题的原因: 三.解决办法: 前言: 笔者今天用新电脑安装了微信开发者工具导入我放在码云上面的小程序代码, ...
小程序的自定义组件报错：Some selectors are not allowed in component wxss, including tag name selectors, ID selec
今天在写小程序的时候出现了以下的报错翻译过来的意思是:组件内的wxss不允许使用一些选择器,包括:标签名选择器,id选择器以及属性选择器然后我又上微信开放社区里面去找了下,发现社区运营员给了这样 ...
微信小程序请求php文件报错,微信小程序wx.request请求数据报错
首先写一个后台的数据接口,地址是:http://localhost/weicms/index... 然后使用wx.request调用后台数据接口的地址示例代码1 wx.request({ 2 url ...

wangEditor关闭粘贴样式的过滤，解决小程序中xml溢出报错问题

wangEditor关闭粘贴样式的过滤，解决小程序中xml溢出报错问题相关推荐

最新文章

热门文章