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

Answer 2

>> но я не уверен, как называть его.

Вы добавить кнопку в редакторе, добавив кнопку на панели инструментов -

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