如何禁用 CKEditor 上下文菜单？

Question

有人知道如何禁用 CKEditor 的上下文（右键单击）菜单吗？我希望有一个配置选项，但我找不到。我正在使用 v3.1。谢谢。

Answer 1

可以完全禁用上下文菜单，将此行添加到您的配置文件（通常是 fckconfig.js）：

FCKConfig.ContextMenu = [];

Answer 2

从版本 3.6.4 开始，此问题中的其他答案不再有效。 查看 bug #9284

需要禁用的三个插件（使用本问题中讨论的方法） ，分别是 contextmenu、liststyle 和 tabletools。例如，使用配置文件：

CKEDITOR.editorConfig = function(config) {
    /* Your config options */
    ...
    config.removePlugins = 'contextmenu,liststyle,tabletools';
};

Answer 3

您需要删除 contextmenu 插件。请参阅此处了解 3.1。

Answer 4

Ckeditor 4.7.1

CKEDITOR.editorConfig = function (config) {
  config.language = 'en';
  config.toolbar = "mini";
  config.removePlugins = 'elementspath,contextmenu,liststyle,tabletools,tableselection';
  config.disableNativeSpellChecker = false;
}

Ckeditor 4.8.0 （'elementspath'插件不再需要删除）

CKEDITOR.editorConfig = function (config) {
  config.language = 'en';
  config.toolbar = "mini";
  config.removePlugins = 'contextmenu,liststyle,tabletools,tableselection';
  config.disableNativeSpellChecker = false;
}

Answer 5

还有一个实用的解决方案，通过重写初始化 contextmenu 行为的原型函数：

CKEDITOR.dom.element.prototype.disableContextMenu = function () {
    this.on( 'contextmenu', function( event ) {
        // your contextmenu behavior
    });
};

注意：当 CKEDITOR 动态加载其 JS 资源时，您需要将其放在 replace 调用之前。

Answer 6

您可以在您站点的 F12 控制台窗口中使用以下代码片段来找出您的特定 CKEditor 版本中哪些插件需要 contextmenu（假设您也有用于 $.each 的 jQuery） ）：

$.each(CKEDITOR.plugins, function(k, v){ 
    v.requires && console.log("Plugin '" + k + "' requires: " + v.requires) 
})

例如：

插件“tabletools”需要表格、对话框、上下文菜单

，然后您可以使用它们来帮助您处理 config.removePlugins - 在我的例子中：

config.removePlugins = 'tabletools,contextmenu'

Answer 7

我需要禁用以下所有功能才能使其正常工作。

config.removePlugins = 'language,tableresize,liststyle,tabletools,scayt,menubutton,contextmenu';

以前我们不需要语言或表大小调整 - 但较新版本的 ckeditor 似乎需要这样做。

我在查看 chrome 上 F12 开发工具的输出时发现了这一点。

Answer 8

按住 ctrl 按钮的同时右键单击可绕过上下文菜单并访问拼写检查器等。

Answer 9

对于 4.2 版本，我将以下内容放在 config.js 文件的末尾

CKEDITOR.on('instanceReady', function(ev) {
   ev.editor.editable().addClass('cke_enable_context_menu')
});

Answer 10

使用 CKEditor 3.6，我可以通过删除上面建议的 contextmenu 插件来禁用上下文菜单。
为此，您必须使用removePlugins 选项配置编辑器。
例如：

CKEDITOR.replace('my_editor', {
    removePlugins : 'contextmenu'
});

也可以从 config.js 文件全局禁用它：

CKEDITOR.editorConfig = function(config) {
    /* Your config options */
    ...
    config.removePlugins = 'contextmenu';
};

Answer 11

不幸的是，从 CKEditor 3.6/4.0 开始，这个功能不再起作用了。

请参阅错误报告：http://dev.ckeditor.com/ticket/9284

Answer 12

在 CKEditor 4.x 中（我测试了 4.2.2），您必须执行以下两项操作：

CKEDITOR.replace('my_editor', {
删除插件：'上下文菜单'
});

如果

CKEDITOR.editorConfig = function(config) {
/* Your config options */
...
config.removePlugins = ''liststyle,tabletools,contextmenu'';
};

您不禁用它们，所有这三个都将自动需要上下文菜单。