VUE项目中使用TINYMCE,解决图片上传/粘贴,如何将WORD公式粘贴到TINYMCE里面,TINYMCE从WORD复制粘贴公式,TINYMCE 复制WORD里面带图文的文章,图片可以直接显示,使用TINYMCE编辑器从WORD保持原格式复制粘贴的办法,VUE项目中的TINYMCE富文本编辑器如何从WORD中粘贴图片上传到七牛云,富文本插件TINYMCE使用CTRL+V粘贴图片上传到远程服务器,关于tinymce粘贴图片,粘贴word,一键导入word,粘贴word内容,网上能找到的方案不是特别多,都是通过HTML5提供的API来实现的。

粘贴word内容,粘贴word图片,粘贴word图文,

之前在网上也找过相关的资料,论坛里面也有网友交流过,也加过一些QQ群和微信群,但是结果都不太令人满意。网上的文章基本上提了一些开源方案,项目组在评估过程中发现这些开源方案现在基本上都没有人维护了,而且也联系不到开发人员,项目组这边不太敢用。之前公司项目组在这块也踩过坑。给客户做的项目,二期的时候客户提了一个新的需求,但是之前用的一个产品官网直接打不开了,开发人员也联系不上,项目组这边干着急,因为对这个产品都不熟,直接影响了二期上线。

产品不是我们公司自己开发的,如果遇到问题的话公司这边要花很多成本来解决,客户如果在使用过程中遇到问题的话也不好解决,如果客户提出了定制开发和自定义的业务需求怎么办,不能够提供技术支持,也没有维护服务,用的不放心。

大部分文章和回复都不太靠谱,基本上都是没有实际的项目应用经验。

复制word内容然后粘贴到tinymce富文本编辑器中,word里面的图片自动上传到服务器中,返回图片和文字HTML,保留word文字的样式,字体大小,字体颜色。

可以用快捷键(Ctrl+V)操作,

用户发布新闻的时候是从word里面复制图片和文字,基本上内容都是提前在word中编辑好的,然后将word图文内容粘贴到web富文本编辑器中,希望能够将word的图片自动上传到服务器中,保留word中编辑好的内容的样式,比如间距,字体,字号,颜色,表格,边框等。

服务器地址能够自定义,

后端的话需要支持任意开发语言,比如ASP,ASP.NET,JSP,PHP,PYTHON等。只要是基于标准HTTP协议的都要支持。如果能够不装控件最好,

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

下载示例

​编辑https://gitee.com/xproer/wordpaster-vue-tinymce5

1.复制插件文件

安装jquery

npm install jquery

2.在组件中引入

添加工具栏
 


在线代码:src/components/tinymce.vue · 泽优软件/wordpaster-vue-tinymce5 - Gitee.com

添加插件

在线代码:src/components/tinymce.vue · 泽优软件/wordpaster-vue-tinymce5 - Gitee.com

初始化wordpaster组件

3.在页面中引入组件

整合效果:

订阅版报价单:WordPaster2-订阅版-2023.pdf
政企版报价单:WordPaster2-政企版-2024.pdf

年费版报价单:WordPaster2-年费版-2023.pdf

OEM版报价单:WordPaster2-OEM版-2024.pdf

产品源代码:wordpaster-code.zip

GitHub 加速计划 / vu / vue
207.54 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:2 个月前 )
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 4 个月前
e428d891 Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐