Tinymce 图像和链接输入已禁用 - JavaScript

当使用 Tinymce 编辑器时，有时我们可能需要禁用用户输入图像和链接的功能。在本文中，我将介绍如何使用 JavaScript 实现此功能。

首先，我们需要获取 Tinymce 编辑器的实例。假设我们的编辑器的 id 是 myEditor，可以使用以下代码获取实例:

var editor = tinymce.get('myEditor');

接下来，我们可以使用 tinymce.PluginManager 来禁用图像和链接的输入功能。我们需要自定义一个插件，命名为 noImageLink，并在其中禁用相应的功能。以下是完整的代码示例：

// 注册自定义插件
tinymce.PluginManager.add('noImageLink', function(editor) {
    // 禁用图像和链接输入
    editor.addMenuItem('insertimage', {
        disabled: true,
        onclick: null
    });

    editor.addMenuItem('link', {
        disabled: true,
        onclick: null
    });

    // 重新渲染菜单栏
    editor.ui.registry.addMenuItem('insertimage', {
        disabled: true,
        text: 'Insert Image',
        onAction: null
    });

    editor.ui.registry.addMenuItem('link', {
        disabled: true,
        text: 'Insert Link',
        onAction: null
    });
});

// 初始化 Tinymce
tinymce.init({
    selector: '#myEditor',
    plugins: 'noImageLink',
    toolbar: 'undo redo'
});

上述代码中，我们通过 tinymce.PluginManager.add 方法注册了自定义插件 noImageLink。在插件中，我们通过禁用 insertimage 和 link 菜单项的点击事件来阻止用户输入图像和链接。然后，我们使用 editor.ui.registry.addMenuItem 方法来重新渲染菜单栏，将禁用图像和链接的功能反映到界面上。

最后，我们使用 tinymce.init 方法初始化 Tinymce 编辑器，并指定了插件和工具栏选项。

这样，当用户使用 Tinymce 编辑器时，将无法插入图像和链接，效果如下：

以上是使用 JavaScript 实现 Tinymce 图像和链接输入禁用的示例。你可以根据自己的需求进行修改和定制。希望对你有帮助！