專案中使用了ueditor編輯器,剛開始的時候真的是一頭霧水,不過後來總算是能夠將ueditor整合到專案中了,現在把自己的配置過程記錄一下:
一、首先得讓編輯器能夠在頁面上顯示出來,這個在官方文件寫的非常的詳細,可直接按照官方文件的說明即可成功配置,我按如下步驟配置:
(2)匯入所需的檔案,注意檔案在專案中的路徑
(3)建立編輯器例項及其dom容器(使用script而不用textarea的好處在官方文件上有說明)
(4)在editor_config.js中查詢url變數配置編輯器在專案中的路徑
經過以上步驟,編輯器即可在頁面上顯示。如果大小不合適,可在editor_config.js中進行配置:
二、然後就需要將在編輯器中所輸入的資料在後台進行接收,即前後端互動,按如下步驟:
(1)如果是要將已有的資料在頁面上進行顯示,只需將需要顯示的內容寫在標籤之間即可,如:
(2)如果是新表單輸入的內容,和(1)差不多,只不過不用寫$即可,然後在action中以變數形式接收(struts2)或在servlet中使用request.getparameter(
""
);的形式進行接收。具體的可見:ueditor前後端互動說明
經過以上步驟,即可完成前後端的文字資料互動。
三、的上傳配置處理:
(1)首先確認將ueditor源**包下的jsp資料夾中的commons-fileupload-1.2.2.jar放入專案中的lib下,並將uploader類放在src中的某個包中
(2)配置editor_config.js中的上傳部分:
其中,然後在imageup.jsp中匯入所需要的uploader類:
[html]view plain
copy
<
%@page
import
="cn.edu.hpu.filter.uploader"
%>
四、附件的上傳配置,其實和的上傳配置是乙個道理,只需要在fileup.jsp頁面中匯入所需的uploader類即可。
這樣就解決了ueditor的基本使用問題,當然還有很多可以定製的內容,這個等以後在實踐中用到了再繼續補充。
富文字編輯器UEditor
獲取編輯器的內容 action find getinfo click function 清空編輯器的內容 action find clearinfo click function 給編輯器賦值 action find setvalueinfo click function en class acti...
Ueditor富文字編輯器
幾種知名開源富文字編輯器記錄和對比 僅供參考 一 將編輯器中文字儲存到資料庫中 1 引用 1 引入js檔案 2 寫文字 在需要引入編輯器的地方寫如下 3 js模組寫入隊編輯器的例項化及操作方法 此時在頁面即可看見富文字框 4 獲取內容 ue ue.geteditor editor var conte...
UEditor富文字編輯器的使用
即可得到乙個文字編輯框。使用ueditor和其他外掛程式大同小異。1.先引入js和css 2.在 var ue ue.geteditor container 這裡的container就是你想設定文字編輯器在哪個html標籤的id。或者可以在容器中加入這段 container後面可以跟一些屬性,比如說...