javascript - 如何从tinymce中的右键菜单中删除指定的选项？

Question

我想从tinymce的右键菜单中删除图像属性选项。我正在使用 tinymce 3.x 版本，请帮助我。

Answer 1

您可以执行以下操作：

tinyMCE.init({
    setup: function (ed) {
        ed.onInit.add(editor_oninit);
    }
...
});

function editor_oninit(ed) {
    // Add hook for onContextMenu so that Insert Image can be removed
    ed.plugins.contextmenu.onContextMenu.add(editor_remove_image);
}

和功能

function editor_remove_image(sender, menu) {
    // create a new object
    var otherItems = {};
    for (var itemName in menu.items) {
        var item = menu.items[itemName];
        if (/^mce_/.test(itemName)) {
            if (item.settings) {
                if (item.settings.cmd == "mceImage" || item.settings.cmd == "mceAdvImage") {
                    // skip these items
                    continue;
                }
            }
        }
        // add all other items to this new object, so it is effectively a clone
        // of menu.items but without the offending entries
        otherItems[itemName] = item;
    }
    // replace menu.items with our new object
    menu.items = otherItems;
}

Answer 2

我第一次使用这个TinyMCE，实际上是在寻找解决这里问的同样问题的方法。

这是我的 TinyMCE 脚本：

tinymce.init({
    selector: "textarea#elm1",
    images_upload_credentials: false,
    theme: "modern",
    branding: false,
    <!-- elementpath: false, -->
     menubar:false,
     <!-- preview_styles: false, -->

    height:300,
         automatic_uploads: false,
    plugins: [
        "advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker",
        "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
        "save table contextmenu directionality emoticons template paste textcolor"
    ]

}); 

现在，如何删除右键单击图像 URL 选项？

只需从插件中删除图像

plugins: [
        "advlist autolink link lists charmap print preview hr anchor pagebreak spellchecker",
        "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
        "save table contextmenu directionality emoticons template paste textcolor"
    ]

Answer 3

对于使用 TinyMCE 5 的人，一个解决方案可能是明确指定上下文菜单中允许的项目：

tinymce.init({
  ...
  contextmenu: 'link table' /*just do not mention the 'image'*/
  ...
});