百度UEDITOR编辑支持WORD内容和截图的复制黏贴

百度UEDITOR编辑支持WORD内容和截图的复制黏贴,最近接了一个新的项目,客户是一家政府单位,也是一个CMS系统,平时主要是发新闻和文章,用word比较多,内部的话主要是word和wps,现在随着国产化的推进,基本上也都是WPS了。

每天新闻是固定时间发,之前也是用了一个编辑器,word复制粘贴的功能确定给用户带来了很多方便,也确实提高了工作效率。

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.国内唯一支持IE浏览器

3.国内唯一免费提供源代码下载

4.国内唯一提供免费授权码生成器下载

5.国内唯一支持多种开发语言(.NET,.NET Core,JAVA,PHP,ASP)

6.国内唯一支持多种编辑器(TinyMCE,CKEditor,UEditor,wangEditor)

7.国内唯一支持第三方应用集成(WordPress,PHPCMS,DedeCMS,动易SiteFactory)

8.国内唯一提供免费技术交流群:223813913

9.国内唯一提供免费视频教程

10.满足企业多项目,多产品,多系统,多平台,多终端,多用户应用场景。

11.满足企业无限授权,自主授权,变更授权等使用需求。

12.支持信创国产化,满足政府信息安全需求。

13.适用群体:央企,国企,上市企业,企业集团

14.标杆案例:中国人民解放军,中国交通,中国中车,中国石油,中国石化,长江电力

视频教程:https://www.ixigua.com/7233953214108795407

说明:UEditor1.4x示例中编辑器版本已经升级到ueditor-1.4.3.3,请下载最新的示例。

1.1. 集成到UEditor1.x

说明:

1.wordpaster以插件形式集成到ueditor中,不会对ueditor原有功能造成影响。当不需要wordpaster功能时可以直接卸载。

2.wordpaster使用的上传页面是一个单独的页面,和ueditor官方demo中的上传页面不是同一个页面。

3.wordpaster与ueditor版本无关,可支持多个版本。

4.wordpaster是基于插件技术实现的功能,使用前需要安装插件。

1.下载示例:

Word一键粘贴控件-示例-泽优软件
 


项目:
1.复制目录:WordPaster
ueditor1.4x示例中,wordpaster插件JS采用更加合理的方式实现了插件,不需要再修改ueditor的任何代码,请下载ueditor1.4x示例使用。

http://bbsres2.ncmem.com/a8898205.png

2.引入组件并初始化

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

3.配置上传接口地址(PostUrl)

示例中上传接口默认返回的数据是图片的完整路径。如:http://www.ncmem.com/test.jpg

如果您的上传接口返回JSON数据请修改ImageMatch配置,参考:提取图片地址

如果您的上传接口有SESSION验证,则请配置COOKIE,参考:设置Session
如果使用的是ueditor自带的上传接口,请修改文件字段名称,参考:设置文件字段名称

注意:

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

参考:设置文件字段名称

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

http://bbsres2.ncmem.com/cbda1893.png

参考:提取图片地址

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

http://bbsres2.ncmem.com/4d2ac548bf4b44979dfa946ce75b65ae.png

参考:图片地址增加域名
4.如果接口有权限验证(登陆验证,SESSION验证),请配置COOKIE。或取消权限验证。
参考:设置Session

整合后的效果:
整合后,在工具栏中会多出两个图标按钮。

1.1.7. 添加到右键菜单

aea98f57-4f17-4b28-a20d-af9f58470d7d

bfd165b2-2ed2-437e-ac9d-cd5b60aa56cf

集成后的效果:

033b5a17-b98d-4879-aff3-e3457cacf0f3

1.1.8. 自定义Ctrl+V快捷键

UEditor后端配置说明:

FEX - FEX
批量粘贴效果:

自动替换编辑器中的图片地址:在上传多张图片时非常方便,也非常高效。
 


图片保存路径:

常见问题:

1.为什么整合到项目中图片无法上传?

可能原因:可能上传页面有登陆验证,上传时没有添加SESSION信息,导致上传失败。可在上传页面增加SESSION参数。

2.整合后无法粘贴图片

可能原因:ueditor整合后无法粘贴图片

订阅版报价单:WordPaster2-订阅版-2023.pdf
政企版报价单:WordPaster2-政企版-2024.pdf

年费版报价单:WordPaster2-年费版-2023.pdf

OEM版报价单:WordPaster2-OEM版-2024.pdf

产品源代码:wordpaster-code.zip

  • 24
    点赞
  • 22
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值