創建自定義編輯器：
復制代碼 代碼如下:
//引入editor_config.js，editor_api.js，ueditor.css文件，然后在body中創建編輯器實例與父容器
div id="myEditor">/div>
script type="text/javascript">
var editorOption = {
toolbars:[['FullScreen', 'Source', 'Undo', 'Redo','Bold']],
autoClearinitialContent:true,
wordCount:false,
};
var editor_a = new baidu.editor.ui.Editor(editorOption);
editor_a.render( 'myEditor' );
/script>
配置彈出工具按鈕：
復制代碼 代碼如下:
//editor_config.js editorui.js文件中找到toolbars labelMap iframeUrlMap btnCmds dialogBtns 五個參數進行配置
//toolbars：工具或下拉框參數，
//labelMap：工具按鈕提示信息
//iframeUrlMap：彈出插件URL路徑
//btnCmds：工具按鈕統一觸發命令
//dialogBtns：彈出命令
//注冊插件 []傳入的是toolbars中的參數
UE.plugins[] = function(){
....
execCommand:function(cmdName,myobject){
....
}
}
配置命令工具按鈕：
復制代碼 代碼如下:
//editor_config.js editorui.js文件中找到toolbars labelMap btnCmds
//注冊命令工具按鈕 []傳入的是toolbars中的參數
UE.commands[] = function(){
.....
execCommand:function(){
.....
}
}
右鍵按鈕配置：
復制代碼 代碼如下:
//editor_config.js contextmenu.js文件中找到toolbars labelMap items三個參數進行配置
//命令右鍵配置
items:
{
label:"", [右鍵名字]
cmdName:"",[toolbars參數中所配置的名字]
exec:function(){
this.execCommand("");[toolbars參數中所配置的名字]
}
}
//注冊右鍵按鈕命令
UE.commands[] = function(){
execCommand:function(){
.......
}
}
注：注冊右鍵按鈕命令[]中依然是toolbars參數中所配置的名字
//插件右鍵配置[]傳入的參數是toolbars中的參數
items:
{
label:"",
cmdName:"",
exec:function(){
if(UE.ui[]){
new UE.ui[](this);
}
this.ui._dialogs['...Dialog'].open();
}
}
//注冊右鍵插件 []傳入的參數是toolbars中的參數
UE.plugins[] = function(){
....
execCommand:function(cmdName,myobject){
....
}
}
插件命令配置：
復制代碼 代碼如下:
UE.plugins[] = function(){
var me = this;
//注冊鼠標和鍵盤事件
me.addListener('mousedown',_mouseDownEvent);
me.addListener('keydown',function(type,evt){...});
me.addListener('mouseup',function(){});
//查詢當前命令狀態
queryCommandState:function(cmdName){}
//命令執行主體
exeCommand:function(cmdName,myobject){}
//獲取命令執行結果
queryCommandValue:function(cmdName){}
}
插件彈出執行注冊：
復制代碼 代碼如下:
dialog.onok = function(){
editor.execCommand("",""); //兩個參數，功能參數，我們自己需要傳入的值
dialog.close();
}
一些操作類，實用：
復制代碼 代碼如下:
//editor.selection.getRange() 查詢范圍方法
//editor類，此類用于初始化的一些設置，比如獲取內容，設置高寬，設置編輯器內容等等。
//domUtils類，此類用于不同幀內dom節點的操作，比如獲取父節點，節點屬性，文本內容等等。
//browser類，此類用于檢測游覽器，比如判斷IE火狐等。
//EventBase類，此類用基礎事件的注冊類，比如鼠標，鍵盤事件等。
//ajax類，此類用于ajax工具類。
//暫時在工作里只用到了上述，代碼的組織結構，都還木有研究。
如何給百度編輯器editor擴展
百度編輯器的editor對象中，是百度編輯器所有方法對象，在擴展時，只需要在首頁實例中，添加方法。editor.xx = {}。
在任何的頁面中editor對象，都可以點出我們在首頁中定義的擴展方法。
您可能感興趣的文章:- 百度編輯器 如何獲取光標位置與不同幀內的節點
- 百度編輯器從Json對象中取值，完成初次渲染，在編輯器內畫表格
