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

＆gt;＆gt;但我不确定如何调用它。

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

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

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

2 个答案: