Подтвердить что ты не робот

Tinymce добавляет кнопку выбора файлов для добавления ссылок

Я хотел добавить кнопку триггера для загрузки изображения в виде данных. Поэтому я добавил следующий фрагмент кода

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

Это работает как ожидалось. Я получаю сборщик файлов для изображения, как показано ниже.

введите описание изображения здесь

Но я также получаю этот сборщик файлов, когда я пытаюсь добавить ссылку. введите описание изображения здесь

Как этого избежать?

4b9b3361

Ответ 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'

... в этот момент сборщик не появится для файлов (ссылок).