Html 在TinyMCE中以编程方式插入新行

我正在使用tinyMCE，我想在按下快捷键后以编程方式添加新行

我有以下代码来测试这个示例

tinymce.init({
选择器：'textarea'，
插件：“表”，
菜单栏：“表”，
工具栏：“表”，
表2：错误，
身高：500，
设置：函数（编辑器）{
add（'ctrl+alt+a'，“快捷方式说明”，函数（）{
警报（'test successful'）；//我想在这里插入新行
});
}
});

TinyMCE使用命令执行其许多功能。如果您查看现有的在上下插入行的功能，它们依赖于命令。您可以在配置中的

setup（）

函数中使用一个简单函数来查看TinyMCE何时使用命令：

editor.on('ExecCommand', function (e) {
  console.log('ExecCommand:');
  //console.log(e);
  console.log(e.command);
});

您将从中看到，有两个命令与这些活动关联：

• mceTableInsertRowAfter

• mceTableInsertRowBefore

因此，您可以将自己的击键与这些命令相关联。例如，您可以在setup（）函数中执行此操作：

editor.shortcuts.add('ctrl+alt+a', "description of the shortcut", function() {
  editor.execCommand('mceTableInsertRowAfter', false);
});

然后可以设置一个用于在之前插入的按键和一个用于在之后插入的按键。下面是一把TinyMCE小提琴，它展示了所有这一切：

我设置了两个按键快捷方式：

• 按住CTRL+ALT+A键可在

  mceTableInsertRowAfter

• CTRL+ALT+B组合键，用于

  mceTableInsertRowBefore

---

请在此处运行您的代码。很抱歉，我无法在此处运行，因为它的库无法联机使用。如果你有任何链接，请与我分享。该示例在我共享的链接上是可运行和可编辑的。

editor.shortcuts.add('ctrl+alt+a', "description of the shortcut", function() {
  editor.execCommand('mceTableInsertRowAfter', false);
});