Tinymce添加文件选择器按钮添加链接

Question

我想添加一个触发器按钮来上传图像作为数据。所以我加了下面这段代码

<textarea id="test"></textarea> 
<input name="image" type="file" id="test-upload" class="hidden" onchange=""> 

tinymce.init({ 
      selector: '#test', 
      ..., 
      paste_data_images: true, 
      image_advtab: true, 
      file_picker_callback: function(callback, value, meta) { 
       if (meta.filetype == 'image') { 
        jQuery('#test-upload').trigger('click'); 
        jQuery('#test-upload').on('change', function() { 
         var file = this.files[0]; 
         var reader = new FileReader(); 
         reader.onload = function(e: any) { 
          callback(e.target.result, { 
           alt: '' 
          }); 
         }; 
         reader.readAsDataURL(file); 
        }); 
       } 
      }, 
      ... 
     }); 

这是按预期工作的。我得到的图像文件选择器，如下

但我也得到这个文件选择器，当我尝试添加链接为好。

如何避免这种情况？

Answer 1

将file_picker_types设置添加到您的配置中，并指定应使用选择器的位置。

https://www.tinymce.com/docs/configure/file-image-upload/#file_picker_types

默认值为：

file_picker_types: 'file image media' 

...但你可以把它改成：

file_picker_types: 'image media' 

...此时选择器不会出现文件（链接）。