百度編輯器自訂按鈕編寫記錄儲存

首先，在editor_config.js檔案中，找到toolbars數組與labelMap數組，把自訂按鈕的參數，填寫在其中，我發現，需要在位置上對應。

其次，在editorui.js檔案中，找到btnCmds數組，把在editor_config.js檔案中toolbars配置的參數，填寫在btnCmds數組中。

在editor_api.js檔案中，找到paths數組，把裝有實現邏輯編程代碼檔案名稱字，引入其中。

樣式的編輯，如：

.edui-button.edui-for-mycard .edui-icon {
background: #645;
/*自訂命令按鈕的樣式*/
}

此為我自訂按鈕的樣式。

接下來，我們需要執行個體編輯器，代碼如下：

<script type="text/javascript">            //自訂參數集合            var optionde = {                initialContent: 'yao feng le', //初始化編輯器的內容                minFrameHeight: 200,            //初始化編輯器最小高度                iframeCssUrl :'themes/default/iframe.css',                //自訂參數設定                toolbars:[['FullScreen', 'Source', 'Undo', 'Redo','Bold','Mycard']]            };            var editor_xww = new baidu.editor.ui.Editor(optionde);  //執行個體編輯器            editor_xww.render('myEditor');</script>

這裡的參數配置，還有很多還不瞭解，暫時只明白這幾個。我們自訂按鈕的參數，寫在toolbars中。

而實現邏輯編程的檔案中，依然要學習很多百度的api介面，暫時明白了這麼幾項，如下。

baidu.editor.commands['mycard'] = {                execCommand : function() {                    this.execCommand('insertHtml',"<p>自訂按鈕</p>");                    /*                    var xiangwen = document.getElementById("edui_fixedlayer");                    var mycardDIV = document.createElement("div");                    mycardDIV.setAttribute("id","udMycard");                    xiangwen.appendChild("mycardDIV");                    return true;                    */                },                queryCommandState : function(){                                    }};

baidu.editor.commands[''] = {}
單引號中為自訂好的參數名字，{}中就是具體的方法入口，貌似百度皆定義好了，依然需要學習。
自此，一個簡單的自訂按鈕，就已經成功，出現了，圖片如下：

複雜邏輯應該都是寫在mycard.js檔案中，具體的實現，還在琢磨中。

儲存，供以後自己回顧。