能粘贴WORD 内容(含图片)的HTML编辑器

最新推荐文章于 2024-06-03 15:00:17 发布

weixin_52041354

最新推荐文章于 2024-06-03 15:00:17 发布

阅读量466

点赞数 12

文章标签：编辑器

本文链接：https://blog.csdn.net/weixin_52041354/article/details/138530818

版权

UEDITOR编辑器+粘贴WORD，能粘贴WORD 内容(含图片)的HTML编辑器，

客户这边是一家政府单位，现在的需求就是为之前的系统进行升级改造，增加word导入功能和word内容粘贴功能，

从WORD中复制内容包含图片到百度编辑器中，从WORD中复制内容包含图片到百度ueditor中，从WORD中复制内容包含图片到百度富文本编辑器中，从WORD中复制内容包含图片到ueditor编辑器中，要求能够保留word文档里面的内容样式，比如字体，字号，颜色，表格边框等。

公司这边有几点需求，一个就是需要提供产品的完整源代码，公司这边有自己的产品，客户数量比较多，需要希望能够自主维护，之前也踩过坑，用了开源的方案，但是现在这个开源的方案没有人维护了，官网也打不开了，影响了公司这边的产品线，虽然说可以再换别的方案，但是更换也有成本，不是说复制粘贴代码就完事了。

对于用户来说，这个功能确实非常方便，因为用户这边每天工作时都会用到，这个功能用熟后的确给用户带来了很高的工作效率。这个需求也是用户提给公司项目组的。

内容的话都是提前在word文档里面编辑好的，发布的时候用户是直接从word文档里面复制

后端要求能够支持多种开发语言，最好所有开发语言都能够支持，主流的是ASP,ASP.NET,JSP,PHP，现在这个项目是给政府做的一个项目，那边要求是用JAVA，因为后面有信创和国产化的需求，JAVA的话部署起来稍微方便一点。

原理就是提取word中的图片，然后上传到web服务器中。

复制word内容然后粘贴到百度富文本编辑器ueditor中，word里面的图片自动上传到Web服务器中，返回图片和文字HTML，保留word文字的样式，字体大小，字体颜色。自动将文字和图片HTML添加到百度富文本编辑器ueditor中，用户能够直接看到粘贴后的效果。

在百度富文本编辑器ueditor中实现word文档或者内容的转存交互，也就是说用户可以通过快捷键(Ctrl+V)一键粘贴word内容，粘贴后word里面的图片自动上传到服务器中，然后将图片和文字HTML添加到编辑器中。

我们是软件公司，主要业务就是给政府和企业做项目，客户项目数量的话比较多，目前大概有一千多个吧。所以领导要求如果使用的话最好我们所有的产品，客户项目都能够全部支持，没有使用上的限制，

1.下载示例：

2.复制WordPaster插件目录

3.引入插件文件

注意：不要重复引入jquery，如果您的项目已经引入了jq，则不用再引入jq-1.4

4.在工具栏中增加插件按钮

6.初始化控件

注意：

1.如果接口字段名称不是file，请配置FileFieldName。ueditor接口中使用的upfile字段

2.如果接口返回JSON，请配置ImageMatch

3.如果接口返回的图片地址没有域名，请配置ImageUrl

4.如果接口有权限验证（登陆验证，SESSION验证），请配置COOKIE。或取消权限验证。

效果

关注