富文本编辑器，去除粘贴的word文件中的无效代码

最新推荐文章于 2023-07-10 15:35:34 发布
最新推荐文章于 2023-07-10 15:35:34 发布
阅读量729 收藏 1
点赞数
分类专栏： js 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chengler/article/details/119420218
版权

​
将word文件中的内容粘贴到富文本编辑器中时，会发现存在很多无效的代码，格式类似下图：

<!--[if gte mso 9]><xml>
 <o:OfficeDocumentSettings>
  <o:RelyOnVML/>
  <o:AllowPNG/>
 </o:OfficeDocumentSettings>
</xml><![endif]-->
<!--[if gte mso 9]><xml>
 <w:WordDocument>
  <w:View>Normal</w:View>
  <w:Zoom>0</w:Zoom>
  <w:TrackMoves/>
  <w:TrackFormatting/>
  <w:PunctuationKerning/>
  <w:DrawingGridVerticalSpacing>7.8 磅</w:DrawingGridVerticalSpacing>
  <w:DisplayHorizontalDrawingGridEvery>0</w:DisplayHorizontalDrawingGridEvery>
  <w:DisplayVerticalDrawingGridEvery>2</w:DisplayVerticalDrawingGridEvery>
  <w:ValidateAgainstSchemas/>
  <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
  <w:IgnoreMixedContent>false</w:IgnoreMixedContent>
  <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
  <w:D
最低0.47元/天 解锁文章
chengler
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
富文本编辑器支持从word复制粘贴保留格式和图片的插件源码
11-03
tinymce是很强大的富文本编辑器，可以去官网下载，这里分享的是它官网的一个收费插件powerpaste的旧版本源码，但也不影响功能使用，此插件目前官网收费每月12美刀，我们就不花这钱了。
富文本编辑器tinymce支持从word复制粘贴保留格式和图片的插件powerpaste源码
01-29
tinymce是很强大的富文本编辑器，可以去官网下载，这里分享的是它官网的一个收费插件powerpaste的旧版本源码，但也不影响功能使用，此插件目前官网收费每月12美刀，我们就不花这钱了。以vue为例说明：将tinymce下载后放到static目录下，powerpaste放到\static\tinymce\plugins目录下，在index.html中引入tinymce.min.js。代码参数配置：tinymce.init({powerpaste_word_import: 'propmt',powerpaste_allow_local_images: true,paste_data_images: true,powerpaste_html_import: 'propmt',plugins:['找到paste替换成powerpaste']})
QT-富文本编辑器：具有的新建、打开、保存、剪切、复制、粘贴、字体设置、颜色设置功能
05-09
本设计使用C语言编写代，码利用Qt软件，结合Qt的UI设计界面，实现具有的新建、打开、保存、剪切、复制、粘贴、字体设置、颜色设置功能的富文本编辑器，同时人机交互界面以方便使用者更好的了解和使用本文本编辑器。 本富文本编辑器实现了用户在文本框输入文字，可以对文本框的文字进行复制、粘贴、剪切也可以打开本地文件，新建文件，保存文件，以及设置输入文字的字体即其字体样式，字体大小是否加粗，是否具有下划线等，在设置时可以随时看见字体预览的输出效果，同时也可以设置输入字体的颜色拥有丰富的颜色库可以选择多种丰富的颜色，可以根据需要不断的调整。
tinymce富文本编辑器集成demo，添加powerpaste插件，支持word、excel带格式粘贴
09-25
tinymce富文本编辑器集成demo，添加powerpaste插件，支持word、excel带格式粘贴。demo.html
wangEditor编辑器过滤word文档自带标签样式
qq_43652788的博客
11-09 7566
wangEditor编辑器过滤word文档自带标签样式 function removeWordXml(text){ var html = text; html = html.replace(/&amp;lt;\/?SPANYES[^&amp;gt;]*&amp;gt;/gi, &quot;&quot;);// Remove all SPAN tags // html = html.replace(/&amp;lt;(\w[^&amp
【js】vue项目中实现点击复制过滤条件，获取并处理粘贴板内容
Liz's blog hut.
03-25 2806
前情提要 有这样一个需求：每次重复选过滤条件太麻烦啦，需要一个可以复制过滤条件的功能！过滤条件类似下图。 主要步骤 第一步：复制工具的选取。这里我选用的是原生的Document.execCommand()方法，该方法允许运行命令来操纵可编辑内容区域的元素。详情可查看MDN。 第二步：设计一个按钮，当click这个按钮的时候，执行handleCopy()方法。 this.viewVa...
常用命令
御风凌霄
03-09 110
略微小记一把：   1、case语法：    case job when 'PRESIDENT' then 'A'                  when 'MANAGER' then 'B'            else 'c'     end/   2、decode语法：    &lt;!-- [if gte mso 9]&gt;&lt;xml&gt; &lt;o:...
富文本编辑器实现导入word
weixin_45525177的博客
02-15 1636
if (navigator.userAgent.match(/Trident/i) && navigator.userAgent.match(/MSIE 8.0/i)) { //判断浏览器内核是否为Trident内核IE8.0。// 当数据包大小不是数据单元的整数倍时，读取最后剩余的小于数据单元的所有数据。// 忽略简单form字段而不是上传域的文件域(等)然后访问http://localhost:8088/ueditor/ 就可以测试了。
SpringBoot使用Freemarker导出word模板(OpenXML)
JohnGene的博客
04-12 2248
在线 XML 格式化 | 菜鸟工具 (runoob.com)
单位问题
jinjing119560的专栏
03-20 431
  PT 、 PX 、 EM 的区别   简说 PT 、 PX 、 EM 的区别，首先先分别介绍一下： PT: 　 pt 全称为 point ，但中文不叫 “ 点 ” ，查英语字典可以看到，确切的说法是一个专用的印刷单位 “ 磅 ” ，大小为 1/72 英寸。所以它是一个自然界标准的长度单位，也称为 “ 绝对长度 ” 。 　　 1in = 2.54cm = 25.4 mm...
项目总结
荒漠薏米
10-15 219
&lt;!--[if gte mso 9]&gt;&lt;xml&gt;&lt;w:WordDocument&gt;&lt;w:BrowserLevel&gt;MicrosoftInternetExplorer4&lt;/w:BrowserLevel&gt;&lt;w:DisplayHorizontalDrawingGridEvery&gt;0&lt;/w:DisplayHorizontalDr...
【QT表格-3】QTableWidget导入/导出excel通用代码，不需要安装office，不依赖任何多余环境，甚至不依赖编程语言
最新发布
大橘子的博客
07-10 2921
导出excel的一种思路，本机不用安装office或者wps，因为它是文本级别的操作，如果excel可以跨平台，这种实现方式可以应用到随便任何一种平台上。只要电子表格支持html格式，它就能用。
媒体查询 响应式_创建没有媒体查询的面向未来的响应电子邮件
Web design 教程小屋
07-08 1604
您将要创造的 在编写HTML电子邮件时，有很多头痛需要解决。 因此，如果我们还需要掌握每周都会弹出的新电子邮件客户端和设备大小，这似乎并不公平。 CSS和媒体查询的支持因应用程序而异，因此每次听到有待测试的新颖令人兴奋的邮件应用程序都无法避免被恐惧所消耗。 但是，即使您在对现代CSS的支持最差的环境中仍可以构建具有响应能力的电子邮件模板怎么办？ 如果每次您听说每个人都在尝试某个新的电子邮...
html显示神童诗
热门推荐
Bamboo
05-28 1万+
<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:dt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882" xmlns="http://www.w3.org/TR/REC-html40"><head><meta http-equiv=Content-Type conte..
判断IE版本的HTML语句详解，如：[if lte IE 9]……[endif]
weixin_34306446的博客
05-28 508
我们常常会在网页的HTML里面看到形如[if lte IE 9]……[endif]的代码，表示的是限定某些浏览器版本才能执行的语句，那么这些判断语句的规则是什么呢？请看下文： <!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--><!--[if IE]> 所有的IE可识别 <![endif]-->...
Linux 常见问题解答
l15106926108的博客
03-09 1246
&lt;!-- [if gte mso 9]&gt;&lt;xml&gt;&lt;w:WordDocument&gt;&lt;w:BrowserLevel&gt;MicrosoftInternetExplorer4&lt;/w:BrowserLevel&gt;&lt;w:DisplayHorizontalDrawingGridEvery&gt;0&lt;/w:DisplayHorizontalDr...
如何让 CXGRID 主从表任何时候只能展开一个组
omygege
05-26 313
&lt;!-- [if gte mso 9]&gt;&lt;xml&gt; &lt;w:WordDocument&gt; &lt;w:View&gt;Normal&lt;/w:View&gt; &lt;w:Zoom&gt;0&lt;/w:Zoom&gt; &lt;w:PunctuationKerning/&gt; &lt;w:DrawingGri
富文本编辑器能够直接从 word 中复制粘贴图片
weixin_45525177的博客
07-09 980
如何做到 ueditor批量上传word图片？ 1、前端引用代码 <!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="Co...
word粘贴图片到ekitor
yjjatqihc的博客
04-14 86
如何做到 ueditor批量上传word图片？ 1、前端引用代码 <!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="Co...
富文本编辑器tinymce从word复制粘贴保留格式和图片
06-10
Tinymce提供了一些配置选项，可以实现从Word中复制粘贴内容并保留格式和图片的功能。具体实现步骤如下： 1. 加载tinymce的源文件和plugins目录下的插件文件。例如： ```html <script src="/path/to/tinymce.min.js"></script> <script src="/path/to/plugins/paste/plugin.min.js"></script> <script src="/path/to/plugins/paste/plugin.min.js"></script> ``` 2. 设置tinymce的选项，包括使用的主题、插件和工具栏等。例如： ```javascript tinymce.init({ selector: 'textarea', plugins: 'paste image', toolbar: 'undo redo | bold italic | image', paste_data_images: true, images_upload_url: '/path/to/upload', images_upload_handler: function (blobInfo, success, failure) { // 处理图片上传 } }); ``` 其中，paste_data_images选项用于启用从Word中粘贴图片的功能，images_upload_url和images_upload_handler用于处理上传的图片。 3. 在服务器端处理上传的图片，并返回图片的URL地址。例如，使用PHP实现图片上传功能： ```php <?php if ($_FILES['file']['error'] === UPLOAD_ERR_OK) { $file_tmp = $_FILES['file']['tmp_name']; $file_name = $_FILES['file']['name']; $file_ext = pathinfo($file_name, PATHINFO_EXTENSION); $file_path = '/path/to/images/' . uniqid() . '.' . $file_ext; move_uploaded_file($file_tmp, $file_path); echo json_encode(['location' => $file_path]); } else { echo json_encode(['error' => '上传失败']); } ``` 以上就是使用Tinymce实现从Word中复制粘贴内容并保留格式和图片的方法。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值