UEditor是一款開源的富文本編輯器，可以用于實(shí)現(xiàn)各種格式的文檔編輯。在web項目開發(fā)中使用UEditor時，需要添加相應(yīng)的代碼。 顯示完整的ueditor界面 通過在jsp頁面中添加以下代碼，

UEditor是一款開源的富文本編輯器，可以用于實(shí)現(xiàn)各種格式的文檔編輯。在web項目開發(fā)中使用UEditor時，需要添加相應(yīng)的代碼。

顯示完整的ueditor界面

通過在jsp頁面中添加以下代碼，即可在頁面中看到完整的UEditor界面。

lt;script type"text/javascript" src""gt;lt;/scriptgt;
lt;script type"text/javascript" src""gt;lt;/scriptgt;
lt;script type"text/javascript"gt;
    var editor  ('editor');
lt;/scriptgt;

定制工具欄按鈕

如果工具欄中的按鈕太多或者有些按鈕在項目中并不需要，可以使用以下方法進(jìn)行定制。

lt;script type"text/javascript" src""gt;lt;/scriptgt;
lt;script type"text/javascript" src""gt;lt;/scriptgt;
lt;script type"text/javascript"gt;
    var editor  ('editor', {
        toolbars: [['bold','italic','underline']]
    });
lt;/scriptgt;

動態(tài)改變工具欄按鈕

有時候我們需要根據(jù)需求動態(tài)改變工具欄中顯示的按鈕，比如先瀏覽一篇文章時只需要少量的工具欄按鈕，點(diǎn)擊編輯按鈕后才顯示更多按鈕。

通過調(diào)用UEditor的API中的destroy()函數(shù)，可以將編輯器銷毀并退回到textarea狀態(tài)，只需將下面的代碼封裝成一個函數(shù)，并在需要的時候調(diào)用該函數(shù)即可。

function setToolbar(buttons) {
    ();
    editor  ('editor', {
        toolbars: [buttons]
    });
}

這樣就實(shí)現(xiàn)了動態(tài)控制工具欄按鈕的需求。