9

画像をデータとしてアップロードするトリガーボタンを追加したかったのです。そこで、次のコードを追加しました

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

これは期待どおりに機能しています。以下のように、画像のファイルピッカーを取得しています

ここに画像の説明を入力

しかし、リンクを追加しようとすると、このファイルピッカーも取得されます。 ここに画像の説明を入力

これを回避する方法は?

4

1 に答える 1