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' 
     });