首页 > 其他分享 >dokuwiki编辑器支持ppt上传

dokuwiki编辑器支持ppt上传

时间:2023-02-17 18:13:16浏览次数:49  
标签:dokuwiki base64 编辑器 wordpaster ppt 服务器 上传 粘贴 图片

 Chrome+IE默认支持粘贴剪切板中的图片,但是我要发布的文章存在word里面,图片多达数十张,我总不能一张一张复制吧?
Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能。但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器,不能够将图片单独保存在另外一台服务器中。如果需要单独保存则需要自已进行处理。比较麻烦。

我希望打开Word或者WPS文档后,复制内容然后直接粘贴到富文本编辑器中,编辑器自动将图片批量上传到服务器中,无论文档中有多少张图片,编辑器都全部自动上传,不需要再手动一张张处理。同时能够将图片上传到我指定的接口中,服务器需要将图片单独保存在存储服务器中,比如可能是云存储,或者是分布式存储,最后直接发布内容。
 

 

感觉这个似乎很困难,因为Ueditor本身不支持,粘贴后直接就是空白,这里面一定有原因。

好,开始尝试UMeditor,Chrome只能获得本地路径,无法读取文件。

GitHub - fex-team/ueditor: rich text 富文本编辑器(有兴趣可以试试)

 

编辑

 

难道就这么失败了?

不,但是我意外发现UMeditor竟然支持粘贴word中的多张图片(仅支持IE11,不支持IE10以下版本、以及Chrome等)

切换HTML,会看到你的图片被组织成base64 

编辑

 

nice,机会来了,既然IE支持复制word中的多张图片直接粘贴base64,既然有了base64我们就有办法上传转图片啦!

那么我们来改造Ueditor,让他支持IE11(总比没得用强吧)

打开你的ueditor.all.js(1.4.3版本以下行号根据自己使用的版本可能不同)

1、注释掉14679行(暂时不明确有什么不良影响)

//执行默认的处理

//me.filterInputRule(root);

2、在28725行插入以下代码(如果是使用IE11粘贴会得到base64,先用占位符占位,再逐个把base64专成Blob文件并上传,上传完成再替换为你的img属性src为服务器图片url)

 

编辑

服务端上传代码

编辑

 

处理后的效果,能够批量上传word中所有的图片,真的是太方便了。无论多少张图片都可以一次性批量上传。这个功能真的是太方便了,大幅度提升了内容编辑人员的效率。以前一天只能发布一篇文章,现在能够发布100篇,这效率简直提升了100倍呀。

编辑

 

图片上传后保存在服务器端。而且也可以指定上传接口地址,这个也比较方便。因为我们的业务是将图片保存在单独的云存储服务器中。

编辑

 

3、处理ueditor提供的uploadimage方法

详细思路及源码

示例下载:

wordpaster-php-tinymce5xwordpaster-asp-tinymce5xwordpaster-jsp-tinymce5xwordpaster-asp.net-tinymce5xwordpaster-vue3-cli-tinymce5​


标签:dokuwiki,base64,编辑器,wordpaster,ppt,服务器,上传,粘贴,图片
From: https://www.cnblogs.com/zyzzz/p/17131160.html

相关文章

  • uniapp H5图片编辑器(安卓/iOS适用)
    箭头绘制参考了:https://blog.csdn.net/qq_45939676/article/details/127425426这位大佬的文章gitee地址:https://gitee.com/philippines-kisses-snow/uniapp-image-edit......
  • unity创建物体的编辑器的回调
    注意:需要Unity2021以上版本 参考https://forum.unity.com/threads/editor-callbacks-for-gameobject-creation-deletion-duplication-by-user-or-user-script.788792/......
  • 富文本编辑器实现从word中复制图片
    项目需求可发布文章需求涉及到富文本编辑器经过查阅我选择了较为简便不需要后端支持可独立完成的tinymce框架官方文档也是相当完整虽然都是全英文但是有强大的谷歌......
  • 富文本编辑器实现从PowerPoint中复制图片
    ​ 如何做到ueditor批量上传word图片?1、前端引用代码<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml......
  • Linux 中设置vim编辑器编写shell脚本自动缩进
     001、打开vim的配置文件:vim~/.vimrc然后在其末尾增加如下内容,然后保存退出:ifhas("autocmd")filetypeindentonautocmdFileType*setlocalts=4sts......
  • linux 中vim 编辑器 退格键 无法删除
     001、问题vim进入插入模式后,按退格键无法删除:  002、解决方法echo"setbackspace=2">>~/.vimrc##启用退格键的删除功能 003、测试,没有问题 ......
  • 富文本编辑器实现从ppt中复制图片
    ​ 项目需求可发布文章需求涉及到富文本编辑器经过查阅我选择了较为简便不需要后端支持可独立完成的tinymce框架官方文档也是相当完整虽然都是全英文但是有强大的......
  • 富文本编辑器实现导入ppt
    ​ ueditor粘贴不能粘贴word中的图片是一个很头疼的问题,在我们的业务场景中客户要求必须使用ueditor并且支持word的图片粘贴,因为这个需求头疼了半个月,因为前端方面因为安......
  • 富文本编辑器实现导入PowerPoint
    ​ 百度ueditor新增的将word内容导入到富文本编辑框的功能怎么没有啊,...ueditor实现word文档的导入和下载功能的方法:1、UEditor没有提供word的导入功能,只能说是粘贴复......
  • 富文本编辑器实现一键导入PowerPoint
    ​ 自动导入Word图片,或者粘贴Word内容时自动上传所有的图片,并且最终保留Word样式,这应该是Web编辑器里面最基本的一个需求功能了。一般情况下我们将Word内容粘贴到Web编辑......