Ueditor使用方法

一、到百度下載文件,有各類版本。下載.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 */
相關文章
相關標籤/搜索