2017-08-29 4 views
10

イメージをデータとしてアップロードするためのトリガーボタンを追加したかったのです。だから私は、コードリンクを追加するためのファイルピッカーボタンを追加する

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

の以下の部分を追加しましたこれは期待通りに働いています。私は

enter image description here

以下のように画像のファイルピッカーを取得しています。しかし、私は同様にリンクを追加しようとすると、私はまた、このファイルピッカーを取得しています。 enter image description here

これを回避するにはどうすればよいですか?

+1

以下の回答が問題を解決する場合は、問題を解決したことを他の人が理解できるように回答を受け入れることができますか? –

+0

@MichaelFromin:申し訳ありませんが、今までこれをチェックする時間がありませんでした。私はすぐにこれをチェックし、私の問題を解決すればそれを授与します。 –

答えて

5

設定にfile_picker_types設定を追加し、ピッカーの使用場所を指定します。

file_picker_types: 'file image media' 

...しかし、あなたはそれを変更することができます:

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

デフォルトであるためには表示されませんピッカーをその時点で

file_picker_types: 'image media' 

...ファイル(リンク)。

関連する問題