編輯器菜單欄默認使用的是目前比較主流、簡介的字體圖標，如果因為特殊需求想自定義菜單的UI，完全可以。例如下圖將『粗體』和『斜體』菜單，換成普通的按鈕形式。  ---- 可通過`editor.UI.menus`配置每個菜單的UI，代碼示例如下，注意代碼中的注釋： ```html <div id="div1"> <p>請輸入內容...</p> </div> <!--這里引用jquery和wangEditor.js--> <script type="text/javascript"> var editor = new wangEditor('div1'); // bold 是菜單的id，所有菜單的id，可在自定義菜單的文檔中找到 editor.UI.menus.bold = { // normal 配置正常狀態下顯示的UI normal: '<button style="font-size:20px; margin-top:5px;">B</button>', // selected 配置選中狀態下的UI，.selected 說明菜單在選中狀態下要增加一個 selected class selected: '.selected' }; editor.UI.menus.italic = { normal: '<button style="font-size:20px; margin-top:5px;">I</button>', // selected 配置選中狀態下的UI，除了上文配置樣式之外，還可以配置一個單獨的標簽節點 selected: '<button style="font-size:20px; margin-top:5px;"><i>I</i></button>' }; editor.create(); </script> ``` **『正常狀態』和『選中狀態』的說明：** - **正常狀態**：例如，編輯區域的光標處于一段非鏈接狀態的文字中時，『插入鏈接』菜單顯示為 ，這就是正常狀態 ； - **選中狀態**：例如，編輯區域的光標處于一個鏈接中時，『插入鏈接』菜單顯示為 ，這就是選中狀態； 總結：『選中狀態』即是光標所處的位置的文字格式，符合菜單操作之后的結果，而對菜單做出特殊標記。