ueditor 編輯器的配置 實現上傳圖片---附效果圖


由於項目需要,最近使用了ueditor,實現了圖片上傳功能,在此分享一下遇到的一些問題.

項目使用net+mvc框架搭建,則選擇的是NET版本ueditor 編輯器(可去百度官網下載),

下載完成導入到項目中:

准備開始配置ueditor 編輯器:

1).找到ueditor.config.js文件,並修改ueditor.config.js文件,指定ueditor的路徑

2).找到./net/config.json文件,並修改config.json文件,指定文件上傳路徑有讀取路徑

上傳圖片路徑

讀取已上傳的圖片

3).測試配置是否完成,訪問../Scripts/UMeditor/net/controller.ashx看到一下提示說明配置已完成。

4).在要使用的地方調用,首先引用兩段js,一個配置,一個ueditor

 

上傳圖片以及在線圖片管理:

 

 

 

使用過程中出現的問題總結:

1.編譯錯誤,如圖:

說明缺少App_Code內的.cs文件,或者App_Code路徑錯誤,應將App_Code放到網站根目錄下重新編譯.

如果本地調試正常發布到IIS 上報錯,那么可以將/UMeditor/net/轉成應用程序,並將App_Code拷貝至net文件夾下.

 

2.找不到third-party/zeroclipboard/ZeroClipboard.js文件,如圖:

找到ueditor.all.min.js文件,然后查找third-party/zeroclipboard/ZeroClipboard.js,發現問題原來出現在這里.

 

3.獲取后台配置項出錯,如圖

請仔細看ueditor.config.js中路徑配置說明,並檢查ueditor.config.js的配置路徑.

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM