ueditor怎么样处理图片,ueditor粘贴word图片

产品介绍

泽优Word一键粘贴控件(WordPaster)是一款帮助政府和企业提升内容发布效率的Web编辑器插件工具,主要帮助用户解决Word内容粘贴到Web编辑器时图片不能自动上传的问题,以及教育领域的公式图片不能自动上传的问题,提供Word文档图片一键粘贴,PowerPoint一键导入,PDF一键导入,微信公众号内容一键转发。适用于政府门户,集约化平台,CMS,OA,博客,文档管理系统,微信公众号,微博,自媒体,传媒,在线教育等领域。能够支持从ie6到chrome的全部浏览器和常用操作系统(Windows,MacOS,Linux)及信创和国产化环境(龙芯,中标麒麟,银河麒麟,统信UOS)。

解决痛点

Word,Excel,PowerPoint内容一键粘贴,并保留Word文档内容的格式,如字体,表格等,自动将Word内容中的图片上传到服务器中,并支持对图片的缩放,压缩等操作。

1.已支持的语言和框架:asp,asp.net,jsp,php,vue,vue-cli

2.已支持的Web编辑器:FCKEditor2.x,CKEditor3.x,CKEditor 4.x,CuteEditor 6x,KindEditor 3x,KindEditor 4x,TinyMCE 3x,TinyMCE 4x,TinyMCE 5x,UEditor 1.4x,UEditor 1.5x,UMEditor1x,xhEditor1x,eWebEditor 9x,wangEditor,NEditor,Summernote,Quill

3.已支持的CMS:SiteFactory 5.2,SiteFactory 5.6,

4.已支持的应用:HKwik 5.0,WordPress 3.7.1,Joomla 3.4.7 Drupal 7.34,帝国CMS 7.x,PHPCMS v9,dedecms v5.7,DokuWiki,PHPMyWind 5.6,Z-Blog 1.7x,PbootCMS 3.x

1.1. 集成到UEditor1.x

说明:

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

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

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

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

1.下载示例:

***/webapp/wordpaster/versions.aspx

ueditor1x整合教程-Word图片一键导入

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

ueditor1x整合教程-Word图片一键导入

2.引入组件并初始化

ueditor1x整合教程-Word图片一键导入

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

ueditor1x整合教程-Word图片一键导入

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

ueditor1x整合教程-Word图片一键导入

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

如果您的上传接口返回JSON数据请修改ImageMatch配置,参考:***/doc/view.aspx?id=07e3f323d22d4571ad213441ab8530d1

如果您的上传接口有SESSION验证,则请配置COOKIE,参考:***/doc/view.aspx?id=8602DDBF62374D189725BF17367125F3
如果使用的是ueditor自带的上传接口,请修改文件字段名称,参考:***/doc/view.aspx?id=c3ad06c2ae31454cb418ceb2b8da7c45

注意:

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

ueditor1x整合教程-Word图片一键导入

参考:***/doc/view.aspx?id=c3ad06c2ae31454cb418ceb2b8da7c45

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

ueditor1x整合教程-Word图片一键导入

参考:***/doc/view.aspx?id=07e3f323d22d4571ad213441ab8530d1

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

ueditor1x整合教程-Word图片一键导入

参考:***/doc/view.aspx?id=704cd302ebd346b486adf39cf4553936
4.如果接口有权限验证(登陆验证,SESSION验证),请配置COOKIE。或取消权限验证。
参考:***/doc/view.aspx?id=8602DDBF62374D189725BF17367125F3

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

ueditor1x整合教程-Word图片一键导入

图标定义位置:

ueditor1x整合教程-Word图片一键导入

1.1.7. 添加到右键菜单

ueditor1x整合教程-Word图片一键导入ueditor1x整合教程-Word图片一键导入

集成后的效果:

ueditor1x整合教程-Word图片一键导入

1.1.8. 自定义Ctrl+V快捷键

ueditor1x整合教程-Word图片一键导入

UEditor后端配置说明:

***/ueditor/#server-config

说明:

WordPasterManager必须申明成全局变量

ueditor1x整合教程-Word图片一键导入

批量粘贴效果:

ueditor1x整合教程-Word图片一键导入

ueditor1x整合教程-Word图片一键导入

图片保存路径:

ueditor1x整合教程-Word图片一键导入

常见问题:

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

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

2.整合后无法粘贴图片

可能原因:***/doc/view.aspx?id=305840a72ab142378b3960b6a224bd75

成功案例

中国长江电力股份有限公司

北京银联信科技股份有限公司

优慕课在线教育科技(北京)有限责任公司

西安工业大学

西安恒谦教育科技股份有限公司

西安德雅通科技有限公司

国家气象中心

国开泛在(北京)教育科技有限公司

北京大唐融合通信技术有限公司

北京思路创新科技有限公司

北京兴油工程项目管理有限公司

北京海泰方圆科技股份有限公司

本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:dandanxi6@qq.com

(0)
上一篇 2023年2月11日 上午8:39
下一篇 2023年2月11日 上午9:23

相关推荐