外部ボタンを使用して、ファララエディタで画像/ビデオをアップロードする

Question

私は、インラインファロアエディタ2.4.0を使用しています。要件のためにデフォルトのインラインツールバーとクイックインサートツールバーを隠していました。画像/ /ファイルアップロード機能。これを行うには何らかの方法がありますか？

Answer 1

ページに非表示のファイルアップロードボタンを配置し、そのようなイベントをカスタムボタンにバインドすることができます。

$.FroalaEditor.DefineIcon('uploadVideo', { NAME: 'file-video-o' }); $.FroalaEditor.RegisterCommand('uploadVideo', { title: 'Upload Video File', focus: false, undo: true, refreshAfterCallback: false, callback: function (e, editor) { $('[data-cmd="' + e + '"].fr-blink').closest('.fr-box').nextAll('textarea:first').addClass('activeFrbox'); $('#uploadVideo').click(); } });

この後には、ファイルアップロードのためのクリックイベントを作成し、あなたがそれを好き呼び出すことができます。

$(document).off('change', '#uploadVideo'); 
    $(document).on('change', '#uploadVideo', function() { 
     if ($(this).val() != '') { 
      $('#loadingWithBG').show(); 
      setTimeout(function() { 
       UploadVideoFile(); 
      }, 100); 
     } else { 
      $('.activeFrbox').removeClass('activeFrbox'); 
     } 
    }); 

これは、外部ボタンを追加して使用した方法です。