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