如何删除 TinyMCE 中的浏览按钮

Question

我想从 tinyMCE 版本 4 文件中删除搜索按钮，如下图：

我试过这个设置：

body: [{
    name: 'href',
    type: 'textbox',
    filetype: 'file',
},

但是当我点击 "Insert Picture" 操作时，浏览按钮正常显示。

Answer 1

我能够使用 CSS 解决这个问题，采用 "aria-label" 属性并将 display 设置为 none.

.mce-btn.mce-open.mce-abs-layout-item.mce-last[aria-label="Upload image"] {
    display: none; !important
}

Answer 2

按如下方式配置您的 "tinymce-init.js"：

file_browser_callback : false

Answer 3

您可以通过 file_picker_types and/or file_browser_callback_types 编辑器选项指定要启用的文件选择器；当前选项是 file, image, media。所以在你的情况下，如果你想在 Link 插件上保留 browse/search 按钮，但你想在 Image 插件上删除它，你只需从该列表中删除 image 类型：

tinymce.init({
  ...
  file_picker_types: 'file, media',
  file_browser_callback_types: 'file, media',
  ...
});

关于这些选项的 TinyMCE 文档： https://www.tiny.cloud/docs/configure/file-image-upload/#file_browser_callback_types

如何删除 TinyMCE 中的浏览按钮

How to remove browse button in TinyMCE

javascript

php

tinymce