上下文菜单中的 TinyMCE 图像选项未显示

如何解决上下文菜单中的 TinyMCE 图像选项未显示

我最近升级到 TinyMCE 5 并希望能够通过在编辑器中右键单击来插入图像（这在 v4 中有效）但我只能获得“链接（CMD+K） " 选项。

这是我的小提琴：https://fiddle.tiny.cloud/VDhaab/3

解决方法

TinyMCE 5 中的上下文菜单是上下文感知的，而在 TinyMCE 4 中它只是一个始终显示的硬编码列表。因此，默认情况下，TinyMCE 5 将仅显示可用于当前选择的选项。因此，如果您希望恢复旧的快速图像上下文菜单项，那么最简单的解决方案可能是声明一个忽略当前元素的上下文菜单配置。下面是一个例子：https://fiddle.tiny.cloud/VDhaab/4

editor.ui.registry.addContextMenu('quickimage',{
  update: function(element) {
    return ['image'];
  }
});

这将注册一个新的 quickimage context menu section，它会始终告诉 TinyMCE 呈现 image 菜单项。如果需要，您可以向其中添加其他项目，例如 inserttable，它也曾经在 TinyMCE 4 中一直显示。