使用MoxieManager时，从TinyMCE的“插入链接”对话框中删除“浏览”按钮

Question

我已经正确地将MoxieManager配置为与TinyMCE集成，并且所有工作都很好。但是我想从“插入链接”对话框中删除“浏览”按钮(打开MoxieManager对话框)。

因此，从下面的截图，绿色应该留在，但红色应该去。

​

​

Answer 1

自我回答，但我想这对其他人也有帮助。

每个TinyMCE插件通常都有一个JS文件，位于plugins/ plugin _name/plugin.js (或plugin.min.js，取决于您是否使用小型化版本)。这些插件通常调用editor.windowManager.open()，传递要应用于新打开的窗口的配置选项对象。

该对象可以具有的值之一是body，它是要在对话框中显示的项的数组。每个项都有一些单独配置的选项，包括type属性。

在下面的示例中，我使用plugins/link/plugin.js来显示用文件浏览器按钮替换(默认)文本字段所需的区别--使用没有浏览按钮的标准文本字段。

win = editor.windowManager.open({
        // ...
        body: [
            {
                name: 'href',
                type: 'filepicker',
                filetype: 'file',
                // ...
            },
// More code follows here

新版本：

win = editor.windowManager.open({
        // ...
        body: [
            {
                name: 'href',
                type: 'textbox',
                filetype: 'file',
                // ...
            },
// More code follows here

Answer 2

或者，如果你不想改变来源..。假设您使用的是小型化版本等，您可以通过CSS禁用它：

div[aria-label="Insert link"] .mce-btn.mce-open {
  display: none;
}

Answer 3

把它添加到你的配置

file_picker_types: 'media image'

file_picker_types 此选项使您能够通过空格或逗号分隔的类型名称列表指定所需的文件选择器类型。目前有三种有效的类型:文件、图像和媒体。

types