1. 程式人生 > >關於百度富文字配置,應用及將其存入資料庫

關於百度富文字配置,應用及將其存入資料庫

1.去官網下載你所需要的富文字原始碼!
官網下載地址:http://ueditor.baidu.com/website/download.html
2.將其下載的原始碼,放入你所應用的專案中。
如下圖所示:
這裡寫圖片描述
下面的步驟比較重要,我這邊是自定義了UE所顯示的內容:
3. 開啟ueditor.config.js
4. 將其中
var URL = window.UEDITOR_HOME_URL || getUEBasePath();
改為
var URL = window.UEDITOR_HOME_URL || “/D2BHM/ueditor/”;

這樣就好了, 你需要在你的頁面呼叫:

 這樣富文字就可以顯示出來!

在富文字中使用圖片上傳的,將其顯示出來,你只需要更改
ueditor\jsp資料夾中的config.json檔案中的
imageUrlPrefix:/* 圖片訪問路徑字首 */
imagePathFormat:/* 上傳儲存路徑,可以自定義儲存路徑和檔名格式 */

這裡 我只是更改了:
“imageUrlPrefix”: “/D2BHM”, /* 圖片訪問路徑字首 */
將 圖片訪問路徑字首 改為專案名: 這樣我圖片存的地址 就是
/D2BHM/ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}

如果是要將其存入資料庫:
var Content = UE.getEditor(‘myEditor’).getContent();
content 得到的是如下資料
這裡寫圖片描述


將其作為一個 text 型別 存入 資料庫就可以了