热门
最新
红包
立Flag
投票
同城
我的
发布
WANGEDITOR 实现CTRL+V粘贴图片并上传、WORD粘贴带图片
最近公司做项目需要实现一个功能,在网页富文本编辑器中实现粘贴Word图文的功能。
我们在网站中使用的Web编辑器比较多,都是根据用户需求来选择的。目前还没有固定哪一个编辑器
有时候用的是wangEditor,有时候用的Ueditor,CKEditor,KindEditor,TinyMCE。
在网上查了很多资料,wangEditor和其它的Web编辑器(富文本编辑器)在Chrome中可以支持单张图片粘贴。但是我们的用户需要处理的是Word中的图片和文字,一般情况下Word中的图片可能有十几张。有时候有几十张。特别是用户发一些教程或者使用说明类的文档时图片都是大几十张的。
在网上找到说wangEditor支持word粘贴,试了一下,只支持一张图片的粘贴。多张图片粘贴还需要用户自已手动选择。也就是说如果用户粘贴的Word中包含20张图片的话,那么用户就需要手动选择20次,这种操作用户是不可能接受的。
网上找了很久,大部分都有一些不成熟的问题,皇天不负有心人终于让我找到了一个成熟的项目。
示例下载:https://gitee.com/xproer/wordpaster-php-wangeditor
CSDN App 扫码分享
1
118
打赏
- 复制链接
- 举报
下一条:
WANGEDITOR粘贴WORD图片问题解决最近项目中有一个需求,在编辑器增加Word内容一键粘贴的功能,粘贴后能够自动将Word中的图片上传到服务器中,并且保留Word文档中的文本样式,比如颜色,字体,字体大小,表格等。粘贴操作要求支持快捷键操作(Ctrl + V),Web编辑器是用的wangEditor网上搜了一下,基本上大部分是用VUE+HTML5来实现的。测试后发现,局限性比较大,而且兼容性也不够好,不能兼容我们老的网站,在有些电脑上不行,粘贴无效。图片是转成了BASE64上传,与原始图片相比尺寸更大些,应该是自动转换时出了问题,清晰度也有下降。用户希望能够提供技术支持,后续也有一些定制开发的任务,网上找的这些开源项目都没有服务保障,所以放弃。找了几个星期最终只找到了一个最符合需求的插件:泽优Word一键粘贴控件(WordPaster),除了提供产品代码以外还提供了视频教程,实际测试后发现效果还不错基本能够满足需求。用户希望直接集成到编辑器(wangEditor)中,在工具栏中提供一个按钮,点击按钮后就能粘贴,图片自动上传。这样的用户体验是最好的,项目组这边建议是以插件方式来集成到项目中,这样更方便,兼容性也更强,我们在其它的项目中也能够通用。另外一点就是希望稳定可靠,因为用的人比较多,几乎每天都会使用,使用频繁也很高,出了问题就比较影响工作效率。我们是软件公司,专门做政府,央企,教育,医疗行业,客户比较多,需要维护的网站也比较多,有自已的产品,框架用的也比较多,编辑器用的也比较多,早期项目用的JQuery,HTML,最近几年用了Vue,React,编辑器用了ueditor,ckeditor,tinymce,需要不同的开发人员来维护,维护起来比较麻烦,成本比较高,领导希望集成在产品中作为通用功能使用,后面维护也更简单一些。领导希望最好能够提供OEM买断的采购方式,一方面是单套采购流程太麻烦,另外就是要求自主可控,后期我们自已能够进行维护。示例下载:https://gitee.com/xproer/wordpaster-php-wangeditor