tinymce - TinyMCE 4“自定义插入行”按钮

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

Answer 2

>>但我不知道怎么称呼它。

您可以通过在工具栏中添加按钮来向编辑器添加按钮 -

      tinyMCE.init({
            ...
            toolbar1 : 'mybutton'
      });