CKEDITOR新增自訂按鈕

老大昨天看了我的外掛編輯器(CKEDITOR)，說怎麼沒有標點符號輸入(因為老師有很多老人，眼睛不好)，
然後讓我看了看他的編輯器，哇，老大的外掛有耶....然後叫我用他的就好了。
我研究了一下，好像是同一套咩，只是他的有裝標點符號外掛，我的沒有，但我的是新版。
上網找了一下，都是舊版的外掛，我的是新版的CKEDITOR，不太合，嗯，又要自已動手了 = =!!
弄完一排標點符號，花了我一個下午 = =!! (我就是堅持要用新版的！！XD)



先去plugins新增一個資料夾，假設叫symbol_1，裡面要有plugin.js 跟 symbol.gif

//===plugins/symbol_1/plugn.js==========
 
(function()
{
// The pastetext command definition.
var symbolCmd =
{
exec : function( editor )
{
insertText = '，'; //你要新增的標點符號
editor.fire( 'paste', { 'text' : insertText } );
 
 
return true;
}
};
 
 
// Register the plugin.
CKEDITOR.plugins.add( 'symbol_1', //自已改名
{
init : function( editor )
{
var commandName = 'symbol_1'; //自已改名
editor.addCommand( commandName, symbolCmd );
 
 
//或用editor.ui.addButton( 'symbol_1', //自已改名
editor.ui.add( 'symbol_1',CKEDITOR.UI_BUTTON,
{
label : '，', //你要新增的標點符號
command : commandName,
icon : this.path + 'symbol.gif'
});
},
});
})();
 
//========config.js==========假設新增了七種標點符號按鈕 =======
 
config.extraPlugins = 'symbol_1,symbol_2,symbol_3,symbol_4,symbol_5,symbol_6,symbol_7';
...
...
config.toolbar_MyToolbar =[
{ name: 'symbol', items : ['symbol_1', 'symbol_2', 'symbol_3', 'symbol_4', 'symbol_5','symbol_6','symbol_7', ]}
...
];