CKEDITOR粘贴上传图片

KEDITOR复制粘贴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，

前端用了VUE2,VUE3，React，HTML5，也是一个新项目，为了方便用的这些框架，实际上这个是无所谓，功能的实现和前端这些框架没什么关系。

后端用了PHP,JSP,ASP,ASP.NET,SpringBoot，功能实现和后端用的什么开发语言无关，后端只提供一个文件上传的接口，HTTP form协议，图片上传时会调这个接口。

编辑器是ckeditor5，为ckeditor编辑器增加粘贴Word图片的功能，支持快捷键操作（Ctrl+V），支持多种系统：Windows,macOS,Linux,信创国产化环境，中标麒麟，银河麒麟，统信，龙芯。

支持word粘贴，word内容粘贴,word图文粘贴,word图片粘贴，粘贴后图片能够自动上传到服务器中，然后将图片和内容HTML添加到编辑器中，上传接口地址能够自定义

用户使用操作起来更方便一些，一般发新闻，或者发文章用的比较多，基本上每天发新闻，发文章都会用到，

这个功能确实为用户带来了方便。

在官网下载示例：
http://www.ncmem.com/webapp/wordpaster/versions.aspx

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

1.上传WordPaster文件夹

2.上传插件文件夹

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

3.在工具栏中增加插件按钮

5.引用js

初始化控件，并配置上传接口

注意：

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

参考：http://www.ncmem.com/doc/view.aspx?id=c3ad06c2ae31454cb418ceb2b8da7c45

2.如果接口返回JSON，请配置ImageMatch

参考：http://www.ncmem.com/doc/view.aspx?id=07e3f323d22d4571ad213441ab8530d1

3.如果接口返回的图片地址没有域名，请配置ImageUrl

参考：http://www.ncmem.com/doc/view.aspx?id=704cd302ebd346b486adf39cf4553936
4.如果接口有权限验证（登陆验证，SESSION验证），请配置COOKIE。或取消权限验证。
参考：http://www.ncmem.com/doc/view.aspx?id=8602DDBF62374D189725BF17367125F3

整合成功的效果：

说明：
1.请先测试您的接口：http://www.ncmem.com/doc/view.aspx?id=61f361025c9247098f6a15c3dfc53db5

常见问题：

1.为什么整合到项目中图片无法上传？

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

文本编辑器是一种可内嵌于浏览器，所见即所得的文本编辑器。它提供类似于Office Word 的编辑功能，方便那些不太懂html用户使用，富文本编辑器的应用非常广泛，它的历史与图文网页诞生的历史几乎一样长。

作为一个技术人员，手上备上两款富文本编辑器还是很有用的，指不定那个项目就要集成一个进去。

到时候现找现用那可就费功夫了，毕竟从开发上讲，每个富文本编辑器的用法都是有区别的。

下面是我收集的一些业界比较受欢迎的富文本编辑器，喜欢的朋友、用过的朋友可以一起看看，一起探讨。

1、wangEditor

网址：http://www.wangeditor.com/

基于JavaScript和css开发的 Web富文本编辑器，轻量、简洁、界面美观、易用、开源免费。

兼容性

兼容主流的 PC 浏览器，如 Chrome Firefox Safari Edge 等
暂不支持移动端编辑（支持移动端查看）
不再支持 IE 浏览器

2、TinyMCE

网址：https://www.tiny.cloud/docs/demo/full-featured/

TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器，由JavaScript写成。它对IE6+和Firefox1.5+都有着非常良好的支持。

功能齐全，界面美观，就是文档是英文的，对开发人员英文水平有一定要求。

3、百度ueditor

网址：https://github.com/fex-team/ueditor

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器，具有轻量，功能齐全，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码，缺点是已经没有更新了。

4、kindeditor

网址：http://kindeditor.net/demo.php

KindEditor 是一套开源的在线html编辑器，主要用于让用户在网站上获得所见即所得编辑效果，开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。

KindEditor 使用 JavaScript 编写，可以无缝地与 Java、.NET、php、ASP 等程序集成，比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。

主要特点

快速：体积小，加载速度快

开源：开放源代码，高水平，高品质

底层：内置自定义 DOM 类库，精确操作 DOM

扩展：基于插件的设计，所有功能都是插件，可根据需求增减功能

风格：修改编辑器风格非常容易，只需修改一个 CSS 文件

兼容：支持大部分主流浏览器，比如 IE、Firefox、Safari、Chrome、Opera

5、Textbox

网址：https://www.textbox.io/

Textbox是一款极简但功能强大的在线文本编辑器，支持桌面设备和移动设备。主要功能包含内置的图像处理和存储、文件拖放、拼写检查和自动更正。

此外，该工具还实现了屏幕阅读器等辅助技术，并符合WAI-ARIA可访问性标准。

6、CKEditor

网址：https://ckeditor.com/ckeditor-5/demo/

CKEditor官方版是一款专业专业的在线文字编辑器，软件支持各种不同的浏览器，可以让用户们轻松在线编辑，CKEditor5官方版软件体积非常小巧，使用起来也十分方便快捷，还能与不同的编程语言相结合，是大家编辑网页代码的必备工具。

7、quill

网址：https://quilljs.com/

Quill是轻型的编辑器，样式一般（黑白风），功能中等，它的代码高亮功能比较强，同样支持行内编辑模式，工具条可自定义。

开源免费，项目活跃，一直有人维护。

8、simditor

网址：https://simditor.tower.im/

simditor是Tower平台使用的富文本编辑器，是一款轻量化的编辑器，界面简约，功能实用，插件不是很多，功能要求不高的可以使用。

虽然是国内出品，但文档是英文的。开源免费。

9、summernote

网址：https://summernote.org/

summernote是一款轻量级的富文本编辑器，比较容易上手，使用体验流畅，支持各种主流浏览器。

summernote开源免费，该项目一直比较活跃，一直都有人在维护。summernote同样依赖于jquery和bootstrap，使用前先引入这两项。

10、jodit

网址：https://xdsoft.net/jodit/

Jodit是一款使用纯TypeScript编写的（无需使用其他库），美观实用的所见即所得（WYSIWYG）开源富文本编辑器，支持中文，超强自定义。

11、Editor.md

网址：https://pandao.github.io/editor.md/

功能非常丰富的编辑器，左端编辑，右端预览，非常方便，完全免费。

主要特性

支持“标准”Markdown / CommonMark和Github风格的语法，也可变身为代码编辑器；
支持实时预览、图片（跨域）上传、预格式文本/代码/表格插入、代码折叠、搜索替换、只读模式、自定义样式主题和多语言语法高亮等功能；
支持ToC（Table of Contents）、Emoji表情、Task lists、@链接等Markdown扩展语法；
支持TeX科学公式（基于KaTeX）、流程图 Flowchart 和时序图 Sequence Diagram;
支持识别和解析HTML标签，并且支持自定义过滤标签解析，具有可靠的安全性和几乎无限的扩展性；
支持 AMD / CMD 模块化加载（支持 Require.js & Sea.js），并且支持自定义扩展插件；
兼容主流的浏览器（IE8+）和Zepto.js，且支持iPad等平板设备；

12、froala Editor

网址：https://www.froala.com/wysiwyg-editor

界面非常好看，功能非常强大，非常好用（非免费，可破解）

13、eWebEditor

网址：http://www.ewebeditor.net/

eWebEditor外观和使用风格都和微软 Word很类似，功能很多。工具条可以定制，运行速度很快。

导入文件接口很多，支持word、excel、pdf、ppt直接导入，目前版本不支持代码高亮，不适合纯技术平台使用，适合内容编辑人员使用。

eWebEditor有很长的历史了，是典型的传统富文本编辑器，不论是界面，还是功能都比较传统。eWebEditor是收费的，但也有免费的精简版，精简版没有后台功能。

14、dhtmlxEditor

网址：https://dhtmlx.com/docs/products/dhtmlxRichText/

DHTMLX组件是一整套基于js的UI库，功能强大，其中包含编辑器dhtmlxEditor。

该编辑器可以直接集成到Angular，react和vue.js框架中，该编辑器还同时支持Markdown和富文本。

支持普通视图和类似word一样的页面视图，支持全屏幕，工具支持自定义，包括工具条颜色和样式等。

dhtmlxEditor分为免费版和收费版，免费版具有绝大多数功能，而且免费版是开源的你可以在代码级别随便扩充。

最后

富文本编辑器产品真的非常多，以上只是本人接触过的一些，相信还有很多很好的富文本存在，其实也没必要全都试一遍，只有最适合自己的，才是最好的。

KEDITOR粘贴图片自动上传到服务器(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，

之前在网上也找过相关的资料，论坛里面也有网友交流过，还加过不少QQ群微信群，但是都不太令人满意。文章里面提到的方案大部分是HTML5的，也不是说不能用，主要就是限制太大。

前端用了VUE2,VUE3，React，HTML5，也是一个新项目，为了方便用的这些框架，实际上这个是无所谓，功能的实现和前端这些框架没什么关系。

后端用了PHP,JSP,ASP,ASP.NET,SpringBoot，功能实现和后端用的什么开发语言无关，后端只提供一个文件上传的接口，HTTP form协议，图片上传时会调这个接口。

用户使用操作起来更方便一些，一般发新闻，或者发文章用的比较多，基本上每天发新闻，发文章都会用到，

这个功能确实为用户带来了方便。公司主要也是做政府和企业项目，以WEB项目为主，有自己的产品，之前也做过很多项目。

视频教程：https://www.ixigua.com/7233030743625531904

在官网下载示例：
http://www.ncmem.com/webapp/wordpaster/versions.aspx