松鼠的博客

导航

统计

wangeditor 粘贴word内容带样式解决方法

wangeditor自带粘贴文本样式过滤:

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

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

 

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

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

示例代码

<div id="div1">
<p>欢迎使用 wangEditor 富文本编辑器</p>
</div>

<script type="text/javascript" src="/wangEditor.min.js"></script>
<script type="text/javascript">
var E = window.wangEditor
var editor = new E('#div1')
// 关闭粘贴样式的过滤
editor.customConfig.pasteFilterStyle = false
// 忽略粘贴内容中的图片
editor.customConfig.pasteIgnoreImg = true
// 自定义处理粘贴的文本内容
editor.customConfig.pasteTextHandle = function (content) {
// content 即粘贴过来的内容(html 或 纯文本),可进行自定义处理然后返回
return content + '<p>在粘贴内容后面追加一行</p>'
}
editor.create()
</script>

我的代码

// 自定义处理粘贴的文本内容
this.editor.customConfig.pasteTextHandle = function (content) {
// content 即粘贴过来的内容(html 或 纯文本),可进行自定义处理然后返回
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, '')
console.log('****', content)
console.log('****', str)
return str
}

 

参考文章:http://blog.ncmem.com/wordpress/2023/09/16/wangeditor-%e7%b2%98%e8%b4%b4word%e5%86%85%e5%ae%b9%e5%b8%a6%e6%a0%b7%e5%bc%8f%e8%a7%a3%e5%86%b3%e6%96%b9%e6%b3%95/

欢迎入群一起讨论

 

 

posted on   Xproer-松鼠  阅读(205)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
历史上的今天:
2020-09-16 wangEditor - 支持word上传的富文本编辑器
2020-09-16 umeditor - 支持word上传的富文本编辑器
2020-09-16 百度ueditor - 支持word上传的富文本编辑器
2020-09-16 ueditor - 支持word上传的富文本编辑器
2020-09-16 在线 - 支持word上传的富文本编辑器
2020-09-16 web - 支持word上传的富文本编辑器
2020-09-16 html5 - 支持word上传的富文本编辑器
点击右上角即可分享
微信分享提示