TinyMCEでカスタムカラーのドロップダウン/分割ボタンを作成しようとしています。APIはこれに対応しているようですが、テストで成功していません。createColorSplitButtonメソッドを使用しようとしています。これが私のコードです:
<script type="text/javascript">
tinyMCE.init({
mode : "exact",
elements : "content",
theme : "advanced",
theme_advanced_buttons1 : "fontselect,fontsizeselect,custombackground",
theme_advanced_buttons2 : "",
theme_advanced_buttons3 : "",
setup : function(ed) {
ed.controlManager = new tinymce.ControlManager(ed);
ed.controlManager.createColorSplitButton('custombackground', {
title : 'Background Color',
image : 'icon.gif',
onclick : function() {
// change iFrame background
}
});
}
});
</script>
<textarea id="content" name="content" cols="50" rows="15">This is some content that will be editable with TinyMCE.</textarea>
したがって、ツールバーに新しい色分割ボタンを追加するには、これを取得する必要があります。その後、実際にiFrameの色を変更するために分割ボタンが必要になります。どんな助けでも大歓迎です!
編集:私は助けることに興味がある人のためにフィドルを作成しました:http: //fiddle.tinymce.com/dwcaab