UEditor編輯器想要開發(fā)的web項目,比如java web項目中使用UEditor,下面我們就來看看詳細的教程。

1、這樣就可以在jsp頁面中,看到完整的UEditor的界面如下圖所示。

2、我們可能會覺得工具欄的按鈕太多了,有些在我們的項目中并不需要。于是,我們可以采用下面的方式進行工具欄的定制:

3、這樣,我們就得到了下面定制了工具欄的編輯器:上面這兩種方式都是在初始化的時候,一次性地定制工具欄。(第一種沒有指定特定的按鈕,默認所有按鈕都需要)。

4、可是在項目中,我們可能會需要動態(tài)地改變工具欄中顯示哪些按鈕。比如我們可能先瀏覽一篇文章,這個時候并不需要太多的工具欄按鈕,而設(shè)置一個編輯按鈕,當點擊了該按鈕之后,才顯示出需要的工具欄按鈕。

5、我在項目中就遇到了這個需求。剛開始在網(wǎng)上一直搜索不到答案。于是,經(jīng)過我對UEditor文檔的專心研究。發(fā)現(xiàn)可以通過一種“曲線”的方式實現(xiàn)這個功能。假設(shè)jsp頁面中已經(jīng)有一個id為editor的編輯器,它的工具欄是顯示了所有的按鈕。通過下面這個函數(shù)就可以實現(xiàn)將按鈕縮減到5個:

6、原因就是調(diào)用了UEditor的API中的destroy()函數(shù),它會將編輯器“銷毀”掉,退回到textarea狀態(tài)(這個編輯器其實就是通過textarea加上javascript代碼來實現(xiàn)的。我們可以把上面的代碼封裝到一個函數(shù)中,只要運行這個函數(shù)(比如點擊了一個按鈕來觸發(fā)該函數(shù)),就可以改變編輯器顯示的按鈕,實現(xiàn)了動態(tài)控制工具欄按鈕的需求。

以上就是ueditor百度編輯器的使用方法,希望大家喜歡,請繼續(xù)關(guān)注武林網(wǎng)。
新聞熱點
疑難解答