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);
                    });
                }
            },
            ...
        });

这是按预期工作的。我正在为图像获取文件选择器，如下所示

但是当我尝试添加 link 时，我也得到了这个文件选择器。

如何避免这种情况？

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'

...此时不会为文件（链接）显示选择器。

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

Tinymce adding file picker button for adding links

javascript

tinymce

tinymce-4

tinymce-plugins