0
点赞
收藏
分享

微信扫一扫

富文本编辑器粘贴WORD公式上传


富文本编辑器粘贴WORD公式上传,

客户这边是教育行业的一家公司,有自己的产品和系统,现在需要在给产品增加一个导入word的功能,或者说粘贴word的功能,用户将考试题在word中编辑好了,然后直接一键粘贴到后台的编辑器中,粘贴后自动将word里面的公式图片上传到服务器中

网上确实也有很多文章提到了一些方案,但是项目组的同事试过,基本上一个能用的都没有。这些方案很多都不能使用,作者自己也没有做过测试,在集成使用时总是遇到很多问题。也没有技术支持。这点真的很让人头疼,

几乎所有的文章提到的都是用HTML5的API来获取数据,这个方案怎么说呢,有时候用是能用,但是不太好用,兼容性不太好。

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

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

1.下载示例:

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

富文本编辑器粘贴WORD公式上传_控件

2.复制WordPaster插件目录

富文本编辑器粘贴WORD公式上传_Word_02

3.引入插件文件

富文本编辑器粘贴WORD公式上传_Word_03

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

富文本编辑器粘贴WORD公式上传_控件_04

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

富文本编辑器粘贴WORD公式上传_字段_05

6.初始化控件

富文本编辑器粘贴WORD公式上传_控件_06

注意:

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

富文本编辑器粘贴WORD公式上传_字段_07

参考:设置文件字段名称

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

富文本编辑器粘贴WORD公式上传_控件_08

参考:提取图片地址

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

富文本编辑器粘贴WORD公式上传_字段_09

参考:图片地址增加域名

4.如果接口有权限验证(登陆验证,SESSION验证),请配置COOKIE。或取消权限验证。

参考:设置Session

效果

富文本编辑器粘贴WORD公式上传_字段_10


举报

相关推荐

0 条评论