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.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(/ /ig, '')console.log('****', content)console.log('****', str)return str}
wangeditor 粘贴word内容带样式解决方法相关推荐
- word内容带样式粘贴到富文本编辑器
最近公司做项目需要实现一个功能,在网页富文本编辑器中实现粘贴Word图文的功能. 我们在网站中使用的Web编辑器比较多,都是根据用户需求来选择的.目前还没有固定哪一个编辑器 有时候用的是UEditor ...
- ckeditor:复制内容到ckeditor时,只保留文本,忽略其样式解决方法
ckeditor:复制内容到ckeditor时,只保留文本,忽略其样式解决方法 参考文章: (1)ckeditor:复制内容到ckeditor时,只保留文本,忽略其样式解决方法 (2)https:// ...
- 更新Mathtype版本后,在WORD中无法使用的解决方法
更新Mathtype版本后,在WORD中无法使用的解决方法 我之前使用的Mathtype版本是6.9的,最近更新了7.4之后打开WORD会出现禁用宏的提示. 点击启用内容,word会直接崩溃,我想应该 ...
- Android实现EditText禁止输入换行符但可以根据内容自动换行的解决方法
Android实现EditText禁止输入换行符但可以根据内容自动换行的解决方法 参考文章: (1)Android实现EditText禁止输入换行符但可以根据内容自动换行的解决方法 (2)https: ...
- 关于win7系统中所有exe文件都被以word方式打开的解决方法
关于win7系统中所有exe文件都被以word方式打开的解决方法 参考文章: (1)关于win7系统中所有exe文件都被以word方式打开的解决方法 (2)https://www.cnblogs.co ...
- wangEditor粘贴word样式解决方案
wangEditor在普通输入时是没问题的,但是复制word内容之后会将word的样式一并粘贴过去,获取内容会出现[if gte mso 9]等字样,以至于展示的时候出现js语法错误,基本上解决方案有 ...
- wangEditor粘贴word里图文内容到编辑器中
百度ueditor新增的将word内容导入到富文本编辑框的功能怎么没有啊,... ueditor实现word文档的导入和下载功能的方法:1.UEditor没有提供word的导入功能,只能说是粘贴复制. ...
- 计算机再带word打不开怎么办,word打不开怎么办 word打不开解决方法【详解】
我们在上班办公时经常会运用到word软件进行文档编写,但是当你需要打开之前编写好的文档发现word文档打不开了,很多人的第一反映就是卸载掉重新再下载world文档,但是卸载的过程过于麻烦,有时候还会引 ...
- Linux系统下Java 转换Word到PDF时,结果文档内容乱码的解决方法
本文分享在Linux系统下,通过Java 程序代码将Word转为PDF文档时,结果文档内容出现乱码该如何解决.具体可参考如下内容: 1.问题出现的背景 在Windows系统中,使用Spire.Doc ...
最新文章
- Blender制作3D模型导出到UE5完整学习教程
- CTF入门--二进制
- java中 有没有方法将浏览器标签栏去掉_用JS去掉IE窗口的标题栏,工具栏,地址栏...
- 读取带空格字符串小结
- 背包问题 小灰_小背包问题
- 网易新闻 时事新闻抓取链接
- 线性分组码c语言实验报告,C语言线性分组码(附注释).doc
- 一人身兼多个项目时的“课程表”工作模式实践
- 解决bootstrap-table表头filter-control select控件被遮挡显示不全的问题
- 修正 Mui 下拉上拉刷新功能
- 喜马拉雅下载文件名批量修改
- 缺省值及属性(Python)
- Web前端大作业——基于HTML+CSS+JavaScript仿英雄联盟LOL游戏网站
- 写在前面的一些话:《Learning OpenCV》中文版 .
- 分门别类刷leetcode——高级数据结构(字典树,前缀树,trie树,并查集,线段树)
- 利用万用表查找漏电原因
- 怎么分割微信视频文件
- 谷歌旗下专业图片编辑Snapseed获重大更新
- 判断鼠标移入移出方向(二)-----获取鼠标移入方向
- 影响外汇市场汇率的因素
热门文章
- JavaFX 边框背景
- 在markdown中控制文字的颜色,背景色,字体大小,字体样式及颜色RGB转换工具链接
- 【获取内置命令ID】:VBA编程人员常用的工具。可以查询Excel内部命令的ID号
- Paper reading (六十五):Kernel-penalized regression for analysis of microbiome data
- 我们国家都有哪些信息安全标准
- Java数组练习题百元百鸡,不死神兔
- excel vba 修改单元格的颜色
- ftp服务器设置上文件大小,ftp服务器端文件大小设置
- win7 ftp安装搭建,并且上传图片到ftp文件夹下,使用nginx访问下载图片
- java将大写数字转换成小写并输出