如何自定义tinyMCE内置按钮,如-silverstripe-CMS

时间:2011-02-24 08:25:34

标签: plugins tinymce

当我查看http://demo.silverstripe.com/admin/ [用户名:admin,密码:admin]
时 我注意到他们已经覆盖了 插入图片按钮以及插入Flash按钮


他们已将其替换为他们自己的小部件。

问题 是实现这个或最佳指南的最简单方法是什么?

注意:我没有使用细条纹或任何现成的CMS

1 个答案:

答案 0 :(得分:3)

在TinyMCE网站上详细描述了添加自己的按钮:http://tinymce.moxiecode.com/tryit/custom_toolbar_button.php

从网站粘贴:

tinyMCE.init({
    mode : "textareas",
    theme : "advanced",
    theme_advanced_buttons1 : "mybutton,bold,italic,underline,separator,strikethrough,justifyleft,justifycenter,justifyright, justifyfull,bullist,numlist,undo,redo,link,unlink",
    theme_advanced_buttons2 : "",
    theme_advanced_buttons3 : "",
    theme_advanced_toolbar_location : "top",
    theme_advanced_toolbar_align : "left",
    theme_advanced_statusbar_location : "bottom",
    plugins : 'inlinepopups',
    setup : function(ed) {
        // Add a custom button
        ed.addButton('mybutton', {
            title : 'My button',
            image : 'img/example.gif',
            onclick : function() {
                // Add you own code to execute something on click
                ed.focus();
                ed.selection.setContent('Hello world!');
            }
        });
    }
});

只需随意更改即可。