「八百万」で「やおよろず」

2010年08月

TinyMCEにカスタムボタンを追加してみる。

【2010年08月26日 23時15分】

TinyMCEに自作のカスタムボタンを追加してみました。

やり方は想像よりも手軽。
TinyMCEのinitに下記を書き足すだけ。

tinyMCE.init({
	...
	theme_advanced_buttons1 : 'mybutton'

	setup : function(ed) {
		ed.addButton('mybutton', {
			title : '自作のボタン',
			image : '../images/mybutton.gif',
			onclick : function() {
				ed.windowManager.alert("ボタンの起動テストだよー");
			}
		});
	}
}

theme_advanced_buttons1の部分は、addButtonに記載したボタンの名前を使います。
onclickの部分は、無くても表示的には問題ありません。
まぁただ無いとクリック時のアクションなんでね・・・。

今回はここ↓を参考にしてみました。
http://wiki.moxiecode.com/index.php/TinyMCE:API/tinymce.Editor/addButton

author：よしなか＠やおよろず

トラックバック：