javascript - TinyMCE 自定义按钮，上面有文字

Question

有没有办法将自定义按钮添加到 TinyMCE 工具栏，上面只有文本（没有图像）？尝试删除设置图像路径部分，现在它有一个空白按钮。这是我现有的代码：

<script language="javascript" type="text/javascript">
        tinyMCE.init({
            mode: "textareas",
            theme: "advanced",
            theme_advanced_buttons1: "bold,italic,underline,separator,strikethrough,justifyleft,justifycenter,justifyright, justifyfull,bullist,numlist,undo,redo,link,unlink",
            theme_advanced_buttons2: "mybutton",
            theme_advanced_buttons3: "",
            theme_advanced_toolbar_location: "top",
            theme_advanced_toolbar_align: "left",
            theme_advanced_statusbar_location: "bottom",
            setup: function (ed) {
                // Add a custom button
                ed.addButton('mybutton', {
                    title: 'My button',
                    onclick: function () {

                        ed.focus();
                        ed.selection.setContent('SampleText');
                    }
                });
            }
        });
</script>

如何在没有图像的按钮上设置文本？

Answer 1

只需将工具栏“mybutton”放入您的工具栏，然后将其添加到 tinymce.init 中：

setup: function(editor) {
editor.addButton('mybutton', {
                type: 'menubutton',
                text: 'My button',
                icon: false,
                menu: [
                    {text: 'Menu item 1', onclick: function() {editor.insertContent('Menu item 1');}},
                    {text: 'Menu item 2', onclick: function() {editor.insertContent('Menu item 2');}}
                ]
            });
        }   

Answer 2

尝试设置label属性。

ed.addButton('mybutton', {
    title: 'My button',
    onclick: function () {
        ed.focus();
        ed.selection.setContent('SampleText');
        ed.label = 'My Button';
    }
});

Answer 3

我不得不将 label 属性从 onclick 函数中移出，才能让它为我工作。

ed.addButton('mybutton', {
    title: 'My button',
    label: 'My Button',
    onclick: function () {
        ed.selection.setContent('SampleText');
    }
});