angEditor 實現ctrl+v粘貼圖片并上傳、word粘貼帶圖片，wangEditor實現粘貼word圖片，wangEditor實現粘貼word圖文，wangEditor實現粘貼word，wangEditor實現粘貼word文檔，wangEditor實現粘貼word內容，wangEditor實現一鍵粘貼word圖片，wangEditor實現一鍵粘貼word圖文，wangEditor實現一鍵粘貼word，wangEditor實現一鍵粘貼word文檔，

我們公司有一個新聞發布系統，每天都會安排同事在后臺發布新聞，使用頻率比較高，使用的是富文本編輯器wangEditor，

wangEditor4粘貼word圖片和文字，word圖片自動上傳到服務器，圖片和文字HTML自動添加到編輯器中，

現在有個需求，就是需要為wangEditor編輯器增加粘貼Word圖片的功能，粘貼后圖片能夠自動上傳到服務器中，服務器地址能夠自定義

因為聽同事反應，發布新聞的步驟有點繁瑣了，需要從word中復制圖文內容，粘貼到編輯器中，然后再手動上傳圖片，圖片數量多時，這個操作太累了

現在就想用戶使用操作起來更方便一些，一般發新聞，或者發文章用的比較多，可以說是高頻使用，

如果能不裝控件實現就最好了，不過為了減輕工作量，裝個控件也沒關系，總比一張張上傳圖片簡單。

前端用了VUE2,VUE3，后端用了PHP,JSP,ASP,ASP.NET,SpringBoot

下載示例：

http://www.ncmem.com/webapp/wordpaster/versions.aspx

選擇對應示例進行下載：

在線代碼：https://gitee.com/xproer/wordpaster-asp.net-wangeditor

1.從示例中復制WordPaster目錄

2.復制文件上傳頁面

upload.jsp

/src/Xproer/Uploader.java

編輯器頁面：

1.引入頭和樣式

注意：不要重復引入jquery，如果您的頁面（項目）已經引入了jquery，則不要重復引入jquery

2.初始化控件和插件

注意：

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

整合后的效果：

訂閱版報價單：https://drive.weixin.qq.com/s?k=ACoAYgezAAw70JsA8m
政企版報價單：https://drive.weixin.qq.com/s?k=ACoAYgezAAwuqJtN30#/

年費版報價單：https://drive.weixin.qq.com/s?k=ACoAYgezAAwFouDIB4#/

OEM版報價單：https://drive.weixin.qq.com/s?k=ACoAYgezAAwV00mQSY

產品源代碼：https://drive.weixin.qq.com/s?k=ACoAYgezAAwz13B5Tr

TML編輯器從WORD復制粘貼圖片,HTML編輯器從WORD復制圖片,HTML編輯器從WORD粘貼圖片,javascript支持WORD上傳的富文本編輯器，JS支持word上傳的富文本編輯器,html支持word上傳的富文本編輯器，前端支持word上傳的富文本編輯器，vue支持word上傳的富文本編輯器，javascript粘貼word圖片，js粘貼word圖片，javascript導入word，js導入word，word文檔如何存到HTML編輯器上，word圖片如何保存到html編輯器上，word圖文如何保存到html編輯器上，word文檔如何轉存到html編輯器上，word文檔如何轉存到富文本編輯器上，word文檔如何轉存到web編輯器上，word文檔如何轉存到百度富文本編輯器上

HTML編輯器粘貼word圖片，web編輯器粘貼word圖片，web富文本編輯器粘貼word，

粘貼word內容，粘貼word圖片，粘貼word圖文，

用戶發布新聞的時候是從word里面復制圖片和文字，也就是復制word文檔里面的內容，這些內容包含文字和圖片

然后將word圖文內容粘貼到web富文本編輯器中，圖片自動上傳到web服務器中，上傳通過指定的接口，接口能夠自定義，能夠在內網使用，能夠在外網使用

粘貼后自動返回文字和圖片HTML，圖片和文字HTML自動添加到編輯器中，用戶能夠直接看到粘貼后的效果，能夠不裝插件最好。

1.下載示例：

http://www.ncmem.com/webapp/wordpaster/versions.aspx

2.復制WordPaster插件目錄

3.引入插件文件

注意：不要重復引入jquery，如果您的項目已經引入了jq，則不用再引入jq-1.4

4.在工具欄中增加插件按鈕

6.初始化控件

注意：

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

效果

訂閱版報價單：https://drive.weixin.qq.com/s?k=ACoAYgezAAwE99pINf

年費版報價單：https://drive.weixin.qq.com/s?k=ACoAYgezAAwFouDIB4#/

html2canvas(document.querySelector("#result_page"), {scale:1,logging:false}).then(canvas => {
 self.resultImgSrc = canvas.toDataURL("image/png");
})