0
点赞
收藏
分享

微信扫一扫

JS – 支持WORD上传的富文本编辑器


编辑器:TinyMCE
前端:vue2,vue3,vue-cli,html5,jquery
后端:java,jsp,springboot,asp,asp.net,.net core,php
需求:导入word
之前在网上也找过相关的资料,但是基本上都没什么用。能用的少,好用的就更少了。
公司这块的话是做项目为主的,也有自己的产品,领导希望是在我们自己的产品中也增加这么一个功能给客户用。因为目前也有一些客户提到了这个需求,感觉用起来还是挻方便的。
导入后Word中的图片自动上传到Web服务器中,返回文字和图片HTML,文字和图片内容自动添加到编辑器中,保留文字样式。
后端的话最好不限制某一种语言,ASP.NET,PHP,JSP都有可能,看项目情况,政府项目的话java用的多一些,有一些也用asp.net但是相对的要少一些。
主要的方案就是提供一个转换接口,转换接口使用RESTful协议,这样的话兼容性更好一点,其它的平台用起来的话更方便简单一点,而且测试起来也方便。
现有项目需要为TinyMCE增加导入word文件的功能,要求在TinyMCE富文本编辑器中集成Word导入功能,导入后word文件里面的图片自动上传到服务器中,word里面的文本样式保留
用户一般在发新闻和发文章时用到,算是一个高频使用功能,用户体验上来讲确实是很好,和以前的发新闻或者发文章的体验比起来要方便许多,用户用的更爽。
客户那边主要是以政府为主,现在国家在推信创国产化,服务器端的话基本上都是国产化了,CPU和操作系统都是国产的。
公司这边有自己的产品,之前也给客户做过项目,数量比较多,大概有一千多个,领导要求最好能够买断产品使用权,最好能够采购产品源代码。
TINYMCE添加导入WORD文件,tinymce编辑器导入docx、doc格式Word文档完整版,TINYMCE富文本编辑器导入WORD文件内容,使WORD文件上的的图文内容能正常显示图片,TINYMCE集成WORD导入功能,TINYMCE富文本实现导入WORD功能,TinyMCE富文本编辑器集成Word导入,TINYMCE实现导入WORD并将内容显示到编辑器中

示例下载

下载示例:https://gitee.com/xproer/zyoffice-tinymce5

JS – 支持WORD上传的富文本编辑器_Word

主要步骤

上传zyoffice文件夹

JS – 支持WORD上传的富文本编辑器_Word_02

初始化组件

在页面中引入组件文件,

JS – 支持WORD上传的富文本编辑器_开发语言_03

添加插件

JS – 支持WORD上传的富文本编辑器_技术支持_04

添加到工具栏

JS – 支持WORD上传的富文本编辑器_开发语言_05

效果

JS – 支持WORD上传的富文本编辑器_技术支持_06

免费资源

编辑器

支持任意编辑器,主流Web编辑器兼容:ckeditor,tinymce,ueditor,wangEditor
支持任意第三方WEB应用:OA,CMS,BUG,博客Blog,内容管理平台,网站,门户

wangEditor3

效果

JS – 支持WORD上传的富文本编辑器_技术支持_07

示例

下载示例:https://gitee.com/xproer/zyoffice-wang-editor

JS – 支持WORD上传的富文本编辑器_javascript_08

教程

wangEditor4-vue2-cli

效果

JS – 支持WORD上传的富文本编辑器_技术支持_09

示例

下载示例:https://gitee.com/xproer/zyoffice-vue3-cli-wang-editor4

JS – 支持WORD上传的富文本编辑器_技术支持_10

教程

fckeditor2

效果

JS – 支持WORD上传的富文本编辑器_word_11

示例

下载示例:https://gitee.com/xproer/zyoffice-fckeditor2x

JS – 支持WORD上传的富文本编辑器_Word_12

ckeditor3

JS – 支持WORD上传的富文本编辑器_技术支持_13

ckeditor4

JS – 支持WORD上传的富文本编辑器_Word_14

ckeditor5-vue2-cli

JS – 支持WORD上传的富文本编辑器_开发语言_15

ueditor1.4

JS – 支持WORD上传的富文本编辑器_javascript_16

ueditor1.4-vue2-cli

JS – 支持WORD上传的富文本编辑器_Word_17

ueditor1.4-vue3-cli

ueditor1.5

效果

JS – 支持WORD上传的富文本编辑器_word_18

示例

下载示例:https://gitee.com/xproer/zyoffice-ueditor1.5x

JS – 支持WORD上传的富文本编辑器_开发语言_19

教程

ueditor1.5-vue2-cli

ueditor1.5-vue3-cli

umeditor

JS – 支持WORD上传的富文本编辑器_javascript_20

tinymce3

JS – 支持WORD上传的富文本编辑器_javascript_21

tinymce4

JS – 支持WORD上传的富文本编辑器_技术支持_22

tinymce5

JS – 支持WORD上传的富文本编辑器_word_23

tinymce5-vue2-cli

tinymce5-vue3-cli

tinymce6

JS – 支持WORD上传的富文本编辑器_技术支持_24

jmeditor

cuteeditor6

quill-vue2-cli

phpcms v9

dedecms-ckeditor

dedecms-ueditor

SiteFactory 4.7

SiteFactory 5.2

SiteFactory 6.2

帝国CMS(empirecms)-ckeditor

帝国CMS(empirecms)-ueditor

所有示例

所有示例

JS – 支持WORD上传的富文本编辑器_Word_25

服务程序

JS – 支持WORD上传的富文本编辑器_开发语言_26

介绍

功能:一键导入Word转HTML,不装控件,不装Office,
平台:Windows,macOS,Linux,安卓Android,苹果iOS,鸿蒙HarmonyOS)

优势

无限授权,随便用,随便下载,没有任何限制
完全开源,向个人提供完整源代码,随便下载
自主可控,完全能够自主编译源代码,随便发行
长期维护,提供长期产品维护服务,免除后顾之忧
技术支持,免费提供长期技术支持,产品更新和升级服务

免费下载示例

下载示例:http://www.ncmem.com/webapp/zyoffice/versions.aspx

JS – 支持WORD上传的富文本编辑器_javascript_27

开放源码

完全开源,满足企业100%自主安全可控需求。

国内唯一免费提供源代码下载服务

免费为个人,政府,企业提供产品源代码下载服务。

免费下载产品源代码免费提供源代码编译指导,打包,部署,调试远程一对一专业技术支持

免费提供产品源代码同步更新服务,免费提供源代码更新通知服务

JS – 支持WORD上传的富文本编辑器_Word_28


JS – 支持WORD上传的富文本编辑器_技术支持_29

拉取代码

从泽优核心代码库中拉取产品源代码,泽优核心代码库向所有网友免费开放,任何人都能够免费下载代码。

JS – 支持WORD上传的富文本编辑器_word_30

拉取成功

JS – 支持WORD上传的富文本编辑器_word_31

开放授权软件

国内唯一免费提供授权码生成器下载服务
满足企业多项目,多产品,多平台,多终端,多用户使用需求。
满足企业自主授权,无限授权,变更授权等使用需求。
满足企业自主维护,自主发生,自主开发等需求。

免费技术支持

免费为个人用户提供7*24小时技术支持服务,

免费提供在线技术支持,免费提供产品整合,产品调试,产品测试,问题分析和查找

JS – 支持WORD上传的富文本编辑器_word_32


举报

相关推荐

0 条评论