本地图文直接复制到UMEditor编辑器中

 

tinymce是很优秀的一款富文本编辑器,可以去官网下载。https://www.tiny.cloud

这里分享的是它官网的一个收费插件powerpaste的旧版本源码,但也不影响功能使用。

umeditor+粘贴word图片 – 泽优软件博客

以vue为例说明:

将tinymce下载后放到static目录下,不用npm安装。

powerpaste放到\static\tinymce\plugins目录下

在index.html中引入tinymce.min.js。

代码参数配置如图:

将plugins参数里的paste替换成powerpaste,完工。

最后效果,能够自动批量上传word中的所有图片

图片上传完后,编辑器里面的图片地址也全部都改成了服务器的图片地址了,

推荐这些文章:

本地图文直接复制到百度UMEditor编辑器中


 项目需求可发布文章 需求涉及到富文本编辑器 经过查阅我选择了较为简便 不需要后端支持可独立完成的tinymce框架 官方文档也是相当完整 虽然都是全英文 但是有强大的 谷歌~ 没问题的
编辑器,tinymce 不需要后端配合 只需要把最终编辑完的富文本传给后端就好 很简单
下载tinymce
npm install tinymce
安装tinymce-vue
npm install @tinymce/tinymce-vue
下载完成后在node_modules 中找到 tinymce/skins目录 ,复制下来 放置static
下载中文语言包
tinymce提供了很多的语言...

本地图文直接复制到网页编辑器中


 
tinymce是很优秀的一款富文本编辑器,可以去官网下载。https://www.tiny.cloud
这里分享的是它官网的一个收费插件powerpaste的旧版本源码,但也不影响功能使用。

umeditor+粘贴word图片


以vue为例说明:
将tinymce下载后放到static目录下,不用npm安装。
powerpaste放到\static\tinymce\plugins目录下

在index.html中...

本地图文直接复制到WordPress编辑器中


 
tinymce是很优秀的一款富文本编辑器,可以去官网下载。https://www.tiny.cloud
这里分享的是它官网的一个收费插件powerpaste的旧版本源码,但也不影响功能使用。
umeditor+粘贴word图片 – 泽优软件博客
以vue为例说明:
将tinymce下载后放到static目录下,不用npm安装。
powerpaste放到\static\tinymce\plugins目录下

在index.html中引入tinymce.min.js。

代码参数配置如图:

将plugins参数里的paste替换成powerp...

本地图文直接复制到TinyMCE编辑器中


 项目需求可发布文章 需求涉及到富文本编辑器 经过查阅我选择了较为简便 不需要后端支持可独立完成的tinymce框架 官方文档也是相当完整 虽然都是全英文 但是有强大的 谷歌~ 没问题的
编辑器,tinymce 不需要后端配合 只需要把最终编辑完的富文本传给后端就好 很简单
下载tinymce
npm install tinymce
安装tinymce-vue
npm install @tinymce/tinymce-vue
下载完成后在node_modules 中找到 tinymce/skins目录 ,复制下来 放置static
下载中文语言包
tinymce提供了很多的语言...

本地图文直接复制到Web编辑器中


项目需求可发布文章 需求涉及到富文本编辑器 经过查阅我选择了较为简便 不需要后端支持可独立完成的tinymce框架 官方文档也是相当完整 虽然都是全英文 但是有强大的 谷歌~ 没问题的
编辑器,tinymce 不需要后端配合 只需要把最终编辑完的富文本传给后端就好 很简单
下载tinymce
npm install tinymce
安装tinymce-vue
npm install @tinymce/tinymce-vue
下载完成后在node_modules 中找到 tinymce/skins目录 ,复制下来 放置static
下载中文语言包
tinymce提供了很多的语言包,这里我们...

本地图文直接复制到CMS编辑器中


项目需求可发布文章 需求涉及到富文本编辑器 经过查阅我选择了较为简便 不需要后端支持可独立完成的tinymce框架 官方文档也是相当完整 虽然都是全英文 但是有强大的 谷歌~ 没问题的
编辑器,tinymce 不需要后端配合 只需要把最终编辑完的富文本传给后端就好 很简单
下载tinymce
npm install tinymce
安装tinymce-vue
npm install @tinymce/tinymce-vue
下载完成后在node_modules 中找到 tinymce/skins目录 ,复制下来 放置static
下载中文语言包
tinymce提供了很多的语言包,这里我们...

本地图文直接复制到在线编辑器中


图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码
目前限chrome浏览器使用
首先以um-editor的二进制流保存为例:
打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方法,注释掉其中的代码。
加入下面的代码:
//判断剪贴板的内容是否包含文本
//首先解释一下为什么要判断文本是不是为空
//在ctrl+c word中的文字或者图片之后会返回1种(image/png)或者4种type(text/plain,text/html,text/rtf,image/png)...

本地图文直接复制到UEditor编辑器中


图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码
目前限chrome浏览器使用
首先以um-editor的二进制流保存为例:
打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方法,注释掉其中的代码。
加入下面的代码:
 
//判断剪贴板的内容是否包含文本
//首先解释一下为什么要判断文本是不是为空
//在ctrl+c word中的文字或者图片之后会返回1种(image/png)或者4种type(text/plain,text/html,text/rtf,ima...

WordPress支持Word图文导入


 
tinymce是很优秀的一款富文本编辑器,可以去官网下载。https://www.tiny.cloud
这里分享的是它官网的一个收费插件powerpaste的旧版本源码,但也不影响功能使用。
umeditor+粘贴word图片 – 泽优软件博客
以vue为例说明:
将tinymce下载后放到static目录下,不用npm安装。
powerpaste放到\static\tinymce\plugins目录下

在index.html中引入tinymce.min.js。

代码参数配置如图:

将plugins参数里的paste替换成powerp...

WordPress支持Word图文一键导入


项目需求可发布文章 需求涉及到富文本编辑器 经过查阅我选择了较为简便 不需要后端支持可独立完成的tinymce框架 官方文档也是相当完整 虽然都是全英文 但是有强大的 谷歌~ 没问题的
编辑器,tinymce 不需要后端配合 只需要把最终编辑完的富文本传给后端就好 很简单
下载tinymce
npm install tinymce
安装tinymce-vue
npm install @tinymce/tinymce-vue
下载完成后在node_modules 中找到 tinymce/skins目录 ,复制下来 放置static
下载中文语言包
tinymce提供了很多的语言包,这里我们...

文章标题:本地图文直接复制到UMEditor编辑器中
文章链接:https://www.dianjilingqu.com/51412.html
本文章来源于网络,版权归原作者所有,如果本站文章侵犯了您的权益,请联系我们删除,联系邮箱:saisai#email.cn,感谢支持理解。
THE END
< <上一篇
下一篇>>