UEditor編輯器想要開(kāi)發(fā)的web項(xiàng)目，比如java web項(xiàng)目中使用UEditor，下面我們就來(lái)看看詳細(xì)的教程。

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

• 類(lèi)型：網(wǎng)頁(yè)編輯器
• 大?。?/span>8.38MB
• 語(yǔ)言：簡(jiǎn)體中文
• 時(shí)間：2013-06-06

查看詳情

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

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

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

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

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

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

以上就是ueditor百度編輯器的使用方法，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。

最新評(píng)論