UEditor編輯器想要開發的web項目,比如java web項目中使用UEditor,下面我們就來看看詳細的教程。
1、這樣就可以在jsp頁面中,看到完整的UEditor的界面如下圖所示。
2、我們可能會覺得工具欄的按鈕太多了,有些在我們的項目中并不需要。于是,我們可以采用下面的方式進行工具欄的定制:
3、這樣,我們就得到了下面定制了工具欄的編輯器:上面這兩種方式都是在初始化的時候,一次性地定制工具欄。(第一種沒有指定特定的按鈕,默認所有按鈕都需要)。
4、可是在項目中,我們可能會需要動態地改變工具欄中顯示哪些按鈕。比如我們可能先瀏覽一篇文章,這個時候并不需要太多的工具欄按鈕,而設置一個編輯按鈕,當點擊了該按鈕之后,才顯示出需要的工具欄按鈕。
5、我在項目中就遇到了這個需求。剛開始在網上一直搜索不到答案。于是,經過我對UEditor文檔的專心研究。發現可以通過一種“曲線”的方式實現這個功能。假設jsp頁面中已經有一個id為editor的編輯器,它的工具欄是顯示了所有的按鈕。通過下面這個函數就可以實現將按鈕縮減到5個:
6、原因就是調用了UEditor的API中的destroy()函數,它會將編輯器“銷毀”掉,退回到textarea狀態(這個編輯器其實就是通過textarea加上javascript代碼來實現的。我們可以把上面的代碼封裝到一個函數中,只要運行這個函數(比如點擊了一個按鈕來觸發該函數),就可以改變編輯器顯示的按鈕,實現了動態控制工具欄按鈕的需求。
以上就是ueditor百度編輯器的使用方法,希望大家喜歡,請繼續關注武林網。
新聞熱點
疑難解答