CKEDITOR新增自訂按鈕

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



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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47

//===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', ]} ... ];