一、到百度下載文件,有各類版本。下載.net版本html
二、將所需文件導入工程中前端
分別是:themes文件夾、third-party文件夾、ueditor.all.min.js、ueditor.config.js、語言包文件,把.net圖片上傳的相關程序代碼導入工程中(controller.ashx及用到的類文件)。json
三、前臺代碼服務器
導入js文件ueditor.config.js、ueditor.config.js、zh-cn.js。js中加入這句。spa
var ue = UE.getEditor('editor', { textarea: 'editorValue' });
html中加入下面這句,可調整對應的寬高,設置name屬性可在後臺使用Request接收,至關於input的name屬性。.net
<script id="editor" name="NewsContent" type="text/plain" style="margin: 0 auto;width: 900px; height: 350px;"> </script>
四、修改先後臺config文件code
前端ueditor.config.js文件中修改後臺處理上傳圖片的程序地址。以下:orm
// 服務器統一請求接口路徑 serverUrl: "/Ueditor/controller.ashx"
後臺修改config.json文件,能夠修改上傳圖片的大小,及圖片保存路徑。以下:表示根目錄下的Ueditor文件夾下的ImageUpload文件夾下的圖片。按照年月日分文件夾。server
"imageUrlPrefix": "/Ueditor/", /* 圖片訪問路徑前綴 */ "imagePathFormat": "ImageUpload/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上傳保存路徑,能夠自定義保存路徑和文件名格式 */ /* {filename} 會替換成原文件名,配置這項須要注意中文亂碼問題 */ /* {rand:6} 會替換成隨機數,後面的數字是隨機數的位數 */ /* {time} 會替換成時間戳 */ /* {yyyy} 會替換成四位年份 */ /* {yy} 會替換成兩位年份 */ /* {mm} 會替換成兩位月份 */ /* {dd} 會替換成兩位日期 */ /* {hh} 會替換成兩位小時 */ /* {ii} 會替換成兩位分鐘 */ /* {ss} 會替換成兩位秒 */ /* 非法字符 \ : * ? " < > | */ /* 具請體看線上文檔: fex.baidu.com/ueditor/#use-format_upload_filename */