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.wangEditorvar 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 = contentstr = 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}

wangeditor 粘贴word内容带样式解决方法相关推荐

  1. word内容带样式粘贴到富文本编辑器

    最近公司做项目需要实现一个功能,在网页富文本编辑器中实现粘贴Word图文的功能. 我们在网站中使用的Web编辑器比较多,都是根据用户需求来选择的.目前还没有固定哪一个编辑器 有时候用的是UEditor ...

  2. ckeditor:复制内容到ckeditor时,只保留文本,忽略其样式解决方法

    ckeditor:复制内容到ckeditor时,只保留文本,忽略其样式解决方法 参考文章: (1)ckeditor:复制内容到ckeditor时,只保留文本,忽略其样式解决方法 (2)https:// ...

  3. 更新Mathtype版本后,在WORD中无法使用的解决方法

    更新Mathtype版本后,在WORD中无法使用的解决方法 我之前使用的Mathtype版本是6.9的,最近更新了7.4之后打开WORD会出现禁用宏的提示. 点击启用内容,word会直接崩溃,我想应该 ...

  4. Android实现EditText禁止输入换行符但可以根据内容自动换行的解决方法

    Android实现EditText禁止输入换行符但可以根据内容自动换行的解决方法 参考文章: (1)Android实现EditText禁止输入换行符但可以根据内容自动换行的解决方法 (2)https: ...

  5. 关于win7系统中所有exe文件都被以word方式打开的解决方法

    关于win7系统中所有exe文件都被以word方式打开的解决方法 参考文章: (1)关于win7系统中所有exe文件都被以word方式打开的解决方法 (2)https://www.cnblogs.co ...

  6. wangEditor粘贴word样式解决方案

    wangEditor在普通输入时是没问题的,但是复制word内容之后会将word的样式一并粘贴过去,获取内容会出现[if gte mso 9]等字样,以至于展示的时候出现js语法错误,基本上解决方案有 ...

  7. wangEditor粘贴word里图文内容到编辑器中

    百度ueditor新增的将word内容导入到富文本编辑框的功能怎么没有啊,... ueditor实现word文档的导入和下载功能的方法:1.UEditor没有提供word的导入功能,只能说是粘贴复制. ...

  8. 计算机再带word打不开怎么办,word打不开怎么办 word打不开解决方法【详解】

    我们在上班办公时经常会运用到word软件进行文档编写,但是当你需要打开之前编写好的文档发现word文档打不开了,很多人的第一反映就是卸载掉重新再下载world文档,但是卸载的过程过于麻烦,有时候还会引 ...

  9. Linux系统下Java 转换Word到PDF时,结果文档内容乱码的解决方法

    本文分享在Linux系统下,通过Java 程序代码将Word转为PDF文档时,结果文档内容出现乱码该如何解决.具体可参考如下内容: 1.问题出现的背景 在Windows系统中,使用Spire.Doc ...

最新文章

  1. Blender制作3D模型导出到UE5完整学习教程
  2. CTF入门--二进制
  3. java中 有没有方法将浏览器标签栏去掉_用JS去掉IE窗口的标题栏,工具栏,地址栏...
  4. 读取带空格字符串小结
  5. 背包问题 小灰_小背包问题
  6. 网易新闻 时事新闻抓取链接
  7. 线性分组码c语言实验报告,C语言线性分组码(附注释).doc
  8. 一人身兼多个项目时的“课程表”工作模式实践
  9. 解决bootstrap-table表头filter-control select控件被遮挡显示不全的问题
  10. 修正 Mui 下拉上拉刷新功能
  11. 喜马拉雅下载文件名批量修改
  12. 缺省值及属性(Python)
  13. Web前端大作业——基于HTML+CSS+JavaScript仿英雄联盟LOL游戏网站
  14. 写在前面的一些话:《Learning OpenCV》中文版 .
  15. 分门别类刷leetcode——高级数据结构(字典树,前缀树,trie树,并查集,线段树)
  16. 利用万用表查找漏电原因
  17. 怎么分割微信视频文件
  18. 谷歌旗下专业图片编辑Snapseed获重大更新
  19. 判断鼠标移入移出方向(二)-----获取鼠标移入方向
  20. 影响外汇市场汇率的因素

热门文章

  1. JavaFX 边框背景
  2. 在markdown中控制文字的颜色,背景色,字体大小,字体样式及颜色RGB转换工具链接
  3. 【获取内置命令ID】:VBA编程人员常用的工具。可以查询Excel内部命令的ID号
  4. Paper reading (六十五):Kernel-penalized regression for analysis of microbiome data
  5. 我们国家都有哪些信息安全标准
  6. Java数组练习题百元百鸡,不死神兔
  7. excel vba 修改单元格的颜色
  8. ftp服务器设置上文件大小,ftp服务器端文件大小设置
  9. win7 ftp安装搭建,并且上传图片到ftp文件夹下,使用nginx访问下载图片
  10. java将大写数字转换成小写并输出