Используйте внешнюю кнопку для загрузки изображения/видео в редакторе froala

Question

Я использую Inline froala editor 2.4.0, где я скрыл встроенную панель инструментов по умолчанию и панель инструментов quickinsert из-за требований. Я хотел бы назначить внешнюю кнопку для изображения/видео/функция загрузки файлов. Есть ли способ сделать это?

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'); 
     } 
    }); 

Вот как я добавил и работал с внешними кнопками.