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'，但你可以使用你想要的任何东西。使这个命令工作的关键是打开图像plugin.js并添加这些行

路径： plugins / image / plugin.js（plugin.min.js）：

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

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

希望这有帮助。

TinyMCE 4复制单击工具栏图标

1 个答案: