TinyMCE:创建自定义颜色分割按钮

时间:2012-11-19 21:25:10

标签: button tinymce custom-controls color-picker

我正在尝试在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

1 个答案:

答案 0 :(得分:3)

我在你的基础上创造了一个fiddle。请检查一下,告诉我这是否是你想要的。