富文字編輯ueditor在jsp裡使用配置總結

2021-07-26 18:34:01 字數 1475 閱讀 6964

專案中使用了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後面可以跟一些屬性,比如說...