wangEditor 清除粘贴内容自带样式

张开发
2026/4/25 19:58:19 15 分钟阅读

分享文章

wangEditor 清除粘贴内容自带样式
wangEditor 富文本编辑器基本学习了解 wangEditor 富文本编辑器https://blog.csdn.net/weixin_58099903/article/details/124533490?ops_request_misc%257B%2522request%255Fid%2522%253A%2522e8f2e264f59ffc19aab648180d4bf23e%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257Drequest_ide8f2e264f59ffc19aab648180d4bf23ebiz_id0utm_mediumdistribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~rank_v31_ecpm-3-124533490-null-null.nonecaseutm_termeditorspm1018.2226.3001.4450#t6wangEditor 自带粘贴文本样式过滤粘贴文本注意以下配置暂时对IE 无效。IE 暂时使用系统自带的粘贴功能没有样式过滤关闭粘贴样式的过滤当从其他网页复制文本内容粘贴到编辑器中编辑器会默认过滤掉复制文本中自带的样式目的是让粘贴后的文本变得更加简洁和轻量。用户可通过editor.customConfig.pasteFilterStyle false手动关闭掉粘贴样式的过滤。自定义处理粘贴的文本内容使用者可通过editor.customConfig.pasteTextHandle对粘贴的文本内容进行自定义的过滤、处理等操作然后返回处理之后的文本内容。编辑器最终会粘贴用户处理之后并且返回的的内容。示例代码div iddiv1 p欢迎使用 wangEditor 富文本编辑器/p /div script typetext/javascript src/wangEditor.min.js/script script typetext/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 ; let str content; str str.replace(/xml[\s\S]*?\/xml/gi, ); str str.replace(/style[\s\S]*?\/style/gi, ); str str.replace(/\/?[^]*/g, ); str str.replace(/[ | ]*\n/g, \n); str str.replace(/nbsp;/gi, ); console.log(editor--content, content); console.log(editor--str, str); return str; };

更多文章