javascript - TinyMCE 4 重复单击工具栏图标

Question

我最近从 TinyMCE v3 迁移到 v4。我有一个自定义图像插入器，它是在 v3 上开发的，无法让某些元素在 v4 上工作。

我在打开默认图像对话框时遇到问题。在版本 3 中，这是使用tinyMCE.execCommand('mceAdvImage');. 我知道mceAdvImage已被删除并尝试使用tinymce.activeEditor.windowManager.open('mceImage');.

有人知道怎么做吗？我正在扯掉我的头发试图找到解决方案。

Answer 1

我今天也遇到了这个问题并找到了解决方案。

我的用例是双击打开图像对话框。

在 tinyMCE.init 函数中，您需要添加此（示例）：

tinyMCE.init({
  ...
  ed.on('DblClick', function(e) {
     if (e.target.nodeName=='IMG') {
       tinyMCE.activeEditor.execCommand('mceImageDialog');
     }
  });
  ...
});

我使用了一个命令名称“mceImageDialog”，但你可以使用任何你想要的。使这个命令起作用的关键是打开 image plugin.js 并添加这些行

路径： plugin/image/plugin.js (plugin.min.js)：

...
editor.addCommand("mceImageDialog", function(ui, val) {
    showDialog();
});
...

就是这样。双击图像元素后，出现图像对话框。对于您的解决方案，您只需要插件 addCommand 并将此命令用于您的目的。

希望这可以帮助。