首页 > 其他分享 >富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件

时间:2024-09-19 15:51:45浏览次数:10  
标签:文本编辑 word ckeditor 插件 WORD 源代码 上传 粘贴 图片


编辑器:ckeditor
前端:vue2,vue3.vue-cli
后端:asp,jsp,php,asp.net,.net core
功能:复制粘贴word内容图片
该说不说最近这个需求挻火的,今天早上又有网友加我QQ,实际上之前QQ号码就已经在网上公开了,但是还是有很多网友找不到,这个说实话就真没办法了,除了公布QQ号码以外我还公开了微信号码,应该是随便一搜就能够搜到的。有一说一,网友的动手能力还是要稍微加强一下。
昨天晚上论坛里面的一个网友给我发私信,想了解一下如何解决word内容图片复制粘贴的问题,主要是想一起探讨一下这块的技术问题,这位老哥说他也是刚开始学习,很多知识都不太懂,所以先开始花了大概半个小时左右的时间给他讲解了一下这块的基础知识,如何实现文件上传,如何实现文件存储功能,如何返回一个图片地址,然后又花了一个小时左右的时间帮他搭建了一个开发环境,下IDE,下JDK,最后又花了一个小时的时间帮他写了一个示例,调试成功,给他讲明白。因为时间也很晚了,所以也没有交流很长时间,本来计划是今天早上再继续交流的,但是发现网友不在线,所以就先把这块的一点思路发上来和大家分享一下。 最后这位老哥说能不能把控件的源代码也送给他,他说他以后也可能会接一些项目来做,然后想把这个插件用在他接的项目中,这样他的客户就能够享受到更好的产品和用户体验了,该说不说,这位老哥想的到是挻美,不过我还是同意了,毕竟本来计划就是开源的,因为只有开源了更多的朋友才能够学习掌握和了解这个产品的核心技术,才能更好的一起交流,一起学习,一起进步。在这里也把地址公开,有需要的朋友可以直接免费下载
最近发现网上有很多网友都提了这个需求,看来这个需求也成了行业的痛点,不过话说回来,这个功能确实是非常的实用,对于用户来讲是非常的方便,能够提高效率。在之前我们发布新闻的时候,图片上传就是一个痛点,因为用户单位的新闻都是在word里面编辑好的,发新闻的时候是希望能够一键直接导入到编辑器中,或者复制word内容,然后一键粘贴到网站后台的web编辑器中,如果word里面有图片就自动上传到服务器中,这样就能够大幅度提升用户的发文效率。
现在基本上富文本编辑器的方案都是采用的HTML5的方案,主打的就是一个免费,但是还是有很多问题,兼容性不是特别好,而且后面的自主化支持能力一般,扩展性一般,不是特别的好用,有些文档有些格式支持的也不是特别好,比如公式或者公式图片。我们有教育行业的客户,比如学校,他们的文档内容很多都有公式,比如OMath,MathML,像这类需求就很难处理。
完全开源产品源代码,包括产品核心源代码。前端,后端,控件源代码,领导要求是能够自主编译,自主打包,能够二次开发,因为我们也是一个软件公司,也有自己的产品,并且客户数量也比较多,大概各行各业加起来一共有一万多个吧。数量也不少了。所以领导比较重视这个自主可控,不希望后面遇到问题搞不定。最好是要求开源的作者提供培训和技术支持服务。
作为学生来讲,网上很少有这种教程特别详细的开源项目,而且还是成熟的商业化产品项目,并且还是不断的完善过程中,国内知名企业都在使用,用户基数大。
朋友们,同学们,把握住这为数不多的机会,赶快抓紧时间下载吧。
最近公司这边开会商量了一下,决定搞一个活动,就是加群送源码的活动,这个活动是面向所有网友进行的,任何网友只要加群就送源码,你敢加我就敢送。所以各位老铁,抓紧时间,敢快行动吧,心动不如行动。时间有限。
对于我们公司来讲也有个使用上的痛点,我们的客户数量是比较多少,总共大概有一千多个吧,各个行业的用户都有,所以领导这边是希望能够找到一个比较好的方案,然后全面替换,将我们自己产品进行升级,然后集成,这样的话,我们就能够为所有的用户提供这个功能。
之前在网上也找过相关的资料,论坛里面也有网友交流过,还加过不少QQ群微信群,但是都不太令人满意。
有几个问题,一个是网上的文章里面提到的方案很多都已经没有维护了,另外一个就是提到的方法多都没有经过测试,项目组在使用时遇到很多的问题。
文章里面提到的方案大部分是HTML5的,也不是说不能用,主要就是限制太大。也不太灵活,兼容性比较差,不能兼容IE,基本上只能用他现有的API,他的API里面提供了哪些功能你就只能用这些功能。
公司这边是有几点需求的,一个是需要提供产品的完整源代码,公司项目比较多也有自主维护的需求,另外一个就是需要提供技术支持。
前端用了VUE2,VUE3,React,HTML5,也是一个新项目,为了方便用的这些框架,实际上这个是无所谓,功能的实现和前端这些框架没什么关系。因为除了现在热门的框架以外,还有以前的老的项目用的JQ或者是HTML或者是extjs这些前端框架都能够支持。
后端用了PHP,JSP,ASP,ASP.NET,SpringBoot,功能实现和后端用的什么开发语言无关,后端只提供一个文件上传的接口,HTTP form协议,图片上传时会调这个接口。控件通过这个接口将图片上传到服务器中,服务器将图片保存在指定的位置,可以是磁盘,或者NAS,或者是云对象存储,比如阿里云(OSS),华为云(OBS),百度云(BOS),腾讯云,亚马逊云(AWS),MinIO,FastDFS等。都是能够支持的。
编辑器是ckeditor5,为ckeditor编辑器增加粘贴Word图片的功能,支持快捷键操作(Ctrl+V),支持多种系统:Windows,macOS,Linux,信创国产化环境,中标麒麟,银河麒麟,统信,龙芯。
支持word粘贴,word内容粘贴,word图文粘贴,word图片粘贴,粘贴后图片能够自动上传到服务器中,然后将图片和内容HTML添加到编辑器中,上传接口地址能够自定义
用户使用操作起来更方便一些,一般发新闻,或者发文章用的比较多,基本上每天发新闻,发文章都会用到,
这个功能确实为用户带来了方便。公司主要也是做政府和企业项目,以WEB项目为主,有自己的产品,之前也做过很多项目。
CKEDITOR实现WORD图片自动转存,CKEDITOR富文本编辑器的使用和图片上传,复制粘贴图片上传,CKEDITOR4粘贴WORD文档携带格式配置,
CKEDITOR粘贴图片自动上传到服务器(ASP.NET版),支持复制粘贴WORD图片的CKEDITOR编辑器,
CKEDITOR粘贴图片自动上传到服务器(PHP版),CKEDITOR复制粘贴word图片,CKEDITOR复制word图片,CKEDITOR粘贴上传Word图片,CKEDITOR粘贴上传图片,JAVA中将WORD转换为HTML导入到CKEDITOR编辑器中(解决图片问题,样式,非常完美),ckeditor粘贴word,ckeditor3粘贴word,ckeditor4粘贴word,ckeditor5粘贴word内容,ckeditor复制word图片,ckeditor复制粘贴word图片,ckeditor复制word内容,ckeditor粘贴word图片,复制word图片粘贴到ckeditor,
富文本编辑器如何能实现直接粘贴把图片上传到服务器中,使用 CKEDITOR 上传图片, 粘贴屏幕截图

视频教程

观看视频:https://www.ixigua.com/7233030743625531904

下载示例

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_word


asp.net-gitee示例:https://gitee.com/xproer/wordpaster-asp.net-ckeditor4x

说明:此教程以CKEditor4.x为例,使用其他编辑器的查看对应教程。

将下列文件夹复制到项目中

/WordPaster

/ckeditor/plugins/imagepaster

/ckeditor/plugins/netpaster

/ckeditor/plugins/pptpaster

/ckeditor/plugins/pdfimport

上传WordPaster文件夹

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_上传_02

上传插件文件夹

将imagepaster,netpaster文件夹上传到现有项目ckeditor/plugins目录中

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_服务器_03

在工具栏中增加插件按钮

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_控件_04

引用js

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_服务器_05

初始化控件

配置上传接口

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_控件_06

注意

1.如果接口字段名称不是file,请配置FileFieldName。ueditor接口中使用的upfile字段

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_上传_07


配置ImageMatch

用于匹配JSON数据,

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_控件_08


配置ImageUrl

用于为图片增加域名前缀

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_服务器_09


配置Session

如果接口有权限验证(登陆验证,SESSION验证),请配置COOKIE。或取消权限验证。

效果

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_上传_10

说明

常见问题

为什么整合到项目中图片无法上传?

可能原因:可能上传页面有登陆验证,上传时没有添加SESSION信息,导致上传失败。可在上传页面增加SESSION参数。

免费资源

下载源代码下载授权器

多语言

国内唯一支持多种开发语言(.NET,.NET Core,JAVA,PHP,ASP),同时支持任何基于标准HTTP-FORM协议的接口。

编辑器

国内唯一支持多种编辑器(TinyMCE,CKEditor,UEditor,wangEditor),为个人用户免费提供主流编辑器,CMS等示例。

FCKEditor

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_服务器_11

CKEditor

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_上传_12


富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_word_13

eWebEditor

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_word_14

KindEditor

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_word_15


富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_控件_16

TinyMCE

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_服务器_17


富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_服务器_18


富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_控件_19

UEditor

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_上传_20


富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_上传_21


富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_word_22

wangEditor

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_word_23

xhEditor

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_上传_24

CMS和Web应用

支持多种主流CMS和Web应用,帝国CMS,DEDECMS,FoosunCMS
同时也是国内唯一支持第三方应用集成(WordPress,PHPCMS,DedeCMS,动易SiteFactory)

动易SiteFactory

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_服务器_25


富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_上传_26

PHPCMS

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_word_27

PbootCMS

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_上传_28

WordPress

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_上传_29

KesionCMS

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_服务器_30

YouDianCMS

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_word_31

DokuWiki

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_word_32

Z-Blog

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_上传_33

控件包

下载各平台控件包

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_控件_34

产品功能

支持Word,Excel,PowerPoint,PDF,微信公众号及网络图片一键导入

支持Word,Excel,PowerPoint文档内容一键粘贴。支持PDF文档一键导入,支持微信公众号和网络图片一键导入。

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_控件_35


富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_word_36

开放源码

为个人用户免费提供全平台产品源代码(Windows,macOS,Linux,信创国产化)。功能随便改,逻辑随便改,随时随地,想编就编,我的编译我作主。完全开源,想怎么玩就怎么玩。
满足个人用户,兴趣,学习,研究,交流,探索等个性化的需求。免费下载产品源代码

开放源代码

从泽优核心代码库中拉取,这个代码库是完全对外开放的,所有用户均可访问

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_上传_37

拉取成功

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_服务器_38

Windows工程源码

ActiveX(x86)

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_word_39


富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_服务器_40

macOS工程源码

面向用户完全开放产品源代码,可自主编译,自主发行,满足企业100%自主安全可控需求

免费提供macOS平台编译,打包,部署和远程一对一专业技术指导,完全解决企业后期自主维护痛点

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_服务器_41

macOS编译成功

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_word_42

macOS打包成功

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_word_43

macOS控件包

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_上传_44

Linux工程源码

免费提供linux平台产品源代码,免费提供编译,开发,部署等指导服务。

编译boost

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_控件_45

编译ImageMagick

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_上传_46

编译appcore

appcore是基础库

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_上传_47

CentOS工程源码

免费提供CentOS平台产品源代码,免费提供编译,开发,部署等指导服务。

搭建开发环境

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_word_48

从GitHub中克隆项目

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_控件_49

CentOS控件编译成功

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_控件_50

arm工程源码

面向用户完全开放ARM工程源码,可自主编译,自主发布,自主部署,满足企业100%自主安全可控需求。

工程

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_服务器_51

编译成功

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_上传_52

打包成功

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_控件_53

控件包

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_上传_54

龙芯-loongarch-工程源码

面向用户完全开放龙芯LoongArch工程源码,满足企业100%自主安全可控需求。

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_控件_55

打包成功

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_word_56

龙芯-loongarch-控件包

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_上传_57

龙芯-mips-工程源码

面向用户完全开放龙芯MIPS工程源码,满足企业100%自主安全可控需求。

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_上传_58

打包成功

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_上传_59

控件包

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_word_60

授权码生成器

为个人提供免费的授权码生成器软件,能够自由的为任何网站生成授权码,想怎么生成就怎么生成,想生成几个就生成几个,无忧无虑,无拘无束,我的产品我作主。

免费下载授权码生成器

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_上传_61


填写授权地址,点击按钮:生成授权码,自动生成授权码,非常的方便,而且没有任何限制,可以快速的给多个客户使用。

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_word_62

免费技术支持

为个人提供免费专业技术支持服务,7*24小时随叫随到,免费产品更新服务,免费产品升级服务,免费技术交流服务,免费视频教程

富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_上传_63


富文本编辑器CKEDITOR支持从WORD复制粘贴保留格式和图片的插件_控件_64



标签:文本编辑,word,ckeditor,插件,WORD,源代码,上传,粘贴,图片
From: https://blog.51cto.com/u_14023400/12057475

相关文章

  • CKEDITOR粘贴WORD文档图片的实例
    编辑器:ckeditor前端:vue2,vue3.vue-cli后端:asp,jsp,php,asp.net,.netcore功能:复制粘贴word内容图片该说不说最近这个需求挻火的,今天早上又有网友加我QQ,实际上之前QQ号码就已经在网上公开了,但是还是有很多网友找不到,这个说实话就真没办法了,除了公布QQ号码以外我还公开了微信号码......
  • java 根据模板导出word文档(poi-tl)
    poi-tl是什么poi-tl是一个基于Apache POI的Word模板引擎,也是一个免费开源的Java类库,你可以非常方便的加入到你的项目中,并且拥有着让人喜悦的特性。为什么选择poi-tl方案移植性功能性易用性Poi-tlJava跨平台Word模板引擎,基于ApachePOI,提供更友好的API低代码,准备......
  • 腾讯云轻量应用服务器搭建WordPress个人博客系统
    WordPress是全球最流行的开源的博客和内容管理网站的建站平台,具备使用简单、功能强大、灵活可扩展的特点,提供丰富的主题插件。腾讯云轻量应用服务器提供WordPress应用镜像,您可以使用它快速搭建博客、企业官网、电商、论坛等各类网站。说明本文档示例WordPress应用镜像底层基于......
  • 易优eyoucms网站请检查数据库连接信息,Access denied for user 'root'@'localhost' (us
    当你遇到“Accessdeniedforuser'root'@'localhost'(usingpassword:YES)”这样的错误时,这意味着数据库系统拒绝了你的连接请求,通常是由于提供的凭据不正确。你可以按照以下步骤来检查和修改数据库连接信息:检查数据库连接信息:确认数据库用户名(通常是root)、密码、以及数......
  • 简化插件的添加和更新流程
    NocoBase是一个极易扩展的开源无代码开发平台。完全掌控,无限扩展,助力你的开发团队快速响应变化,显著降低成本,不必投入几年时间和数百万资金研发,只需要花几分钟部署NocoBase。NocoBase中文官网官方文档在线Demo为了提升插件管理的体验,我们近期对插件管理器模块进行了重要更......
  • 蓝易云服务器 - ubuntu系统服务器安装WordPress教程
    在Ubuntu系统服务器上安装WordPress的教程如下:安装LAMP(Linux+Apache+MySQL+PHP):在终端中运行以下命令安装LAMP组件。sudoapt-getupdatesudoapt-getinstallapache2mysql-serverphplibapache2-mod-phpphp-mysql配置MySQL:运行以下命令配置MySQLroot用户的密码,并进行其......
  • Android插件化(二)基础之类加载器
    Android插件化(二)基础之类加载器1.什么是ClassLoader当我们写好一个Java程序之后,不是管是CS还是BS应用,都是由若干个.class文件组织而成的一个完整的Java应用程序,当程序在运行时,即会调用该程序的一个入口函数来调用系统的相关功能,而这些功能都被封装在不同的class文件当中......
  • 如何搭建带优惠券插件的陪玩系统
    搭建一个带优惠券插件的陪玩系统,需要综合考虑系统架构设计、功能模块实现以及优惠券插件的集成。以下是一个详细的搭建步骤和关键点:一、前期准备1.明确目标和需求目标用户:确定陪玩系统的目标用户群体,如游戏玩家、技能服务需求者等。功能需求:除了基本的陪玩功能(用户注册与管......
  • 金蝶云星空企业版 审核反写插件
    金蝶云星空企业版审核反写插件亮点:只需配置好参数,代码无需改动usingKingdee.BOS.Core.DynamicForm.PlugIn;usingKingdee.BOS.Core.Metadata;usingKingdee.BOS.Orm.DataEntity;usingKingdee.BOS.ServiceHelper;usingSystem;usingSystem.ComponentModel;namespace......
  • 多分录下推插件模板,亮点:只需配置好参数,代码无需改动
    多分录下推插件模板,金蝶云星空企业版亮点:只需配置好参数,代码无需改动usingKingdee.BOS.Core.Bill.PlugIn;usingKingdee.BOS.Core.Metadata;usingKingdee.BOS.ServiceHelper;usingKingdee.BOS.Util;usingSystem;usingSystem.ComponentModel;usingSystem.Data;nam......