頁面插入百度UEditor編輯器

2022-06-01 14:24:09 字數 837 閱讀 1396

第一步第二步

解壓得到如**件結構;之後開啟jsp/lib/ 將lib下的jar包 匯入專案,注意jar包版本問題,如果專案中有相同的包,刪掉低版本保留高版本的。

第三步 瀏覽器開啟index.html會發現這是ueditor的乙個參考demo,已經實現了網頁插入編輯器的等功能,複製整個資料夾到專案下;檢視index.html、config.json、ueditor.config.js這幾個關鍵檔案。

index.html 頁面demo;confg.jso上傳配置;ueditor.config.js對ueditor的完整配置。

第四步 將demo中的插入到頁面相應位置。同時記得引用對應的js和語言設定,最後例項化編輯器  

var ue = ue.geteditor('editor');

第五 開啟config.json該檔案主要用於上傳的各項配置; 將imageurlprefix:設定為專案路徑(/專案名稱);這將解決上傳失敗問題。設定好之後,每次上傳的都會儲存在伺服器imagepathformat配置的路徑中。

// 伺服器統一請求介面路徑,處理請求,其中的controller.jsp為ueditor預設的處理controller;如果要自定義處理上傳等,需更改配置。

, serverurl: url + "jsp/controller.jsp"

最後,其實ueditor的檔案中都有相應的配置注釋說明,很方便快速了解**配置含義。也可以檢視官方的api。工作中只使用了上傳和基本的文字編輯功能,對於自主定義controller處理上傳,和其他更豐富的功能還有待了解。

百度UEditor編輯舊文章

在使用了ueditor後,有時需要編輯舊文章,檢視官方文件,有輸出文章內容,但沒有提交方法,於是參照編輯新文章時的思路,想出了下面的方法 public string words dataclassesdatacontext system new dataclassesdatacontext conf...

百度編輯器ueditor

ue information.autoheightenabled true 自適應高度 ue information.autofloatenabled false 編輯器是否固定導航欄 乙個比較簡單好用的修改辦法,就是直接修改ueditor的原始碼,而且是修改此處即可。1 路徑 editor dia...

百度UEditor 介紹

lang en us 如果看到了下面這樣的編輯器,恭喜你,初次部署成功!編輯器有很多可自定義的引數項,在例項化的時候可以傳入給編輯器 var ue ue.geteditor container 配置項也可以通過 ueditor.config.js 檔案修改,具體的配置方法請看前端配置項說明 通 ge...