TinyMCE 4 "Custom Insert Row"按钮

Question

我正在使用 TinyMCE 4 来编辑内容。我需要添加一个自定义按钮，在单击时在表格中添加一行。

TinyMCE 4 有一个函数可以做到这一点，但我不确定如何调用它。我正在尝试 $('#myTable tr:last').after('<tr></tr>'); .

这是一个例子。

<script type="text/javascript">
    tinymce.init({
        selector: "textarea",
        toolbar: "mybutton",
        setup: function(editor) {
            editor.addButton('mybutton', {
                text: 'My button',
                icon: false,
                onclick: function() {
                    $('#myTable tr:last').after('<tr></tr>');
                }
            });
        }
    });
</script>

Answer 1

将光标放在表格内，您可以将代码修改为如下所示:

setup: function(editor) {
    editor.addButton('mybutton', {
        text: 'My button',
        icon: false,
        onclick: function() {
            editor.execCommand('mceTableInsertRowAfter', false, editor);
        }
    });
}

参见示例 - tinyMCE fiddle