備條件1：IIS能夠成功訪問，界面如下：本機在localhost:80測試成功

必備條件2：vsnet ，本人使用vs2012,其他更高版本也行。

在新建項目對話框中：

• 打開 Visual C# ，可能在其他語言中
• 選取模板 ASP.NET MVC 3 Web 應(yīng)用程序
• 把項目名稱設(shè)置為 MvcApplication
• 設(shè)置磁盤位置，比如 d:\vsnet_work\aspx_mvc
• 點擊確定

當(dāng)新項目對話框打開時：

• 選擇 Internet Application 模板,
• 選擇 Razor 引擎
• 選擇 HTML5 標(biāo)記
• 點擊確定

先修改一下：

 ViewBag.Message="歡迎使用 ASP.NET MVC! 我是探索3000";

然后點擊上方的啟動在google chrome中，一個最簡單的mvc網(wǎng)站就自動呈現(xiàn)出來。

這個最簡單的網(wǎng)站模板，成功運行在http://localhost:54678/中。

如果想查看下生成的網(wǎng)頁代碼，會看到如下內(nèi)容：

AVA中將WORD轉(zhuǎn)換為HTML導(dǎo)入到CKEDITOR編輯器中（解決圖片問題，樣式，非常完美），ckeditor粘貼word,ckeditor3粘貼word,ckeditor4粘貼word,ckeditor5粘貼word內(nèi)容，ckeditor復(fù)制word圖片，ckeditor復(fù)制粘貼word圖片，ckeditor復(fù)制word內(nèi)容，ckeditor粘貼word圖片，復(fù)制word圖片粘貼到ckeditor，

前端用了VUE2,VUE3，React，HTML5，也是一個新項目，為了方便用的這些框架，實際上這個是無所謂，功能的實現(xiàn)和前端這些框架沒什么關(guān)系。

后端用了PHP,JSP,ASP,ASP.NET,SpringBoot，功能實現(xiàn)和后端用的什么開發(fā)語言無關(guān)，后端只提供一個文件上傳的接口，HTTP form協(xié)議，圖片上傳時會調(diào)這個接口。

編輯器是ckeditor5，為ckeditor編輯器增加粘貼Word圖片的功能，支持快捷鍵操作（Ctrl+V），支持多種系統(tǒng)：Windows,macOS,Linux,信創(chuàng)國產(chǎn)化環(huán)境，中標(biāo)麒麟，銀河麒麟，統(tǒng)信，龍芯。

支持word粘貼，word內(nèi)容粘貼,word圖文粘貼,word圖片粘貼，粘貼后圖片能夠自動上傳到服務(wù)器中，然后將圖片和內(nèi)容HTML添加到編輯器中，上傳接口地址能夠自定義

用戶使用操作起來更方便一些，一般發(fā)新聞，或者發(fā)文章用的比較多，基本上每天發(fā)新聞，發(fā)文章都會用到，

這個功能確實為用戶帶來了方便。

1.1. 集成到CKEditor3.x

主要步驟如下：

1.上傳WordPaster文件夾

一般將WordPaster.cab放在WordPaster目錄下。

2.上傳CKEditor插件目錄

3.引入JS，初始化控件

注意：不要重復(fù)引入jquery，如果您的項目已經(jīng)引入了jq，則不用再引入jq-1.4

如果希望添加到默認(rèn)工具欄中，請修改ckeditor.js，在toolbar_Full中增加imagepaster,netpaster

為ckeditor增加插件(imagepaster,netpaster,pptpaster,pdfimport)：

注意：

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.如果接口有權(quán)限驗證（登陸驗證，SESSION驗證），請配置COOKIE。或取消權(quán)限驗證。
參考：http://www.ncmem.com/doc/view.aspx?id=8602DDBF62374D189725BF17367125F3

常見問題：

1.為什么整合到項目中圖片無法上傳？
請先測試接口：http://www.ncmem.com/doc/view.aspx?id=61f361025c9247098f6a15c3dfc53db5

上搜到了幾個方案，一個是用VUE,一個是純JS，也就是HTML5，一個是借助于控件。這幾個方案有利有弊，我們還是需要先確認(rèn)一下項目需求。如果單純的只是實現(xiàn)功能的話，百度上可以搜到一大堆代碼，但是有沒有用，能不能用就不能保證了。

代碼：https://gitee.com/xproer/up6-vue-cli

1.引入up6組件

2.配置接口地址

接口地址分別對應(yīng)：文件初始化，文件數(shù)據(jù)上傳，文件進度，文件上傳完畢，文件刪除，文件夾初始化，文件夾刪除，文件列表

參考：http://www.ncmem.com/doc/view.aspx?id=e1f49f3e1d4742e19135e00bd41fa3de

3.定義事件