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

UEditor百度編輯器 v1.2.6.0 完整版 + 源碼

• 類型：網(wǎng)頁編輯器
• 大小：8.38MB
• 語言：簡體中文
• 時間：2013-06-06

查看詳情

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

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

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

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

5、我在項目中就遇到了這個需求。剛開始在網(wǎng)上一直搜索不到答案。于是，經(jīng)過我對UEditor文檔的專心研究。發(fā)現(xiàn)可以通過一種“曲線”的方式實現(xiàn)這個功能。假設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ù)關注腳本之家。

最新評論