summernote вызывает загрузку изображения при выборе файла вместо вставки изображения

#summernote

#summernote

Вопрос:

Я добавил summernote в свой проект rails и реализовал код для сохранения изображения на сервере с помощью

 $(document).ready(function($) {
      $(".summernote_custom").summernote({
           height: 200,
           styleTags: ['p', 'h1', 'h2'],
           toolbar: [
                 ['style', ['bold', 'italic', 'underline', 'clear']],
                 ['para', ['ul', 'ol', 'paragraph','style']],
                 ['fontname', ['fontname']],
                 ['fontsize',['fontsize']],
                 ['insert', ['picture','link']]
           ],
           dialogsInBody: true,
            callbacks: {
               onImageUpload: function(files) {
                 uploadImage(files[0],$(this));
               }
             }
         });
    });

    function uploadImage(image,editor) {
      var data = new FormData();
      data.append("image",image);
      data.append("name", "resource");
      $.ajax ({
        data: data,
        type: "POST",
        url: "#{ajax_upload_doctor_attachments_path}",
        cache: false,
        contentType: false,
        processData: false,
        success: function(data) {
          editor.summernote("insertImage", "#{HOST}"   data.url, function ($image) {
            $image.css('width', '100%');
            $image.attr('data-filename', 'retriever');
          });

        },
        error: function(data) {
          console.log(data);
        }
      });
    }
  

Все работает нормально, единственная проблема заключается в том, что он вставляет изображение при выборе файла и закрывает всплывающее окно вместо ожидания нажатия кнопки «вставить изображение».

Как я могу изменить это поведение

Комментарии:

1. У меня такая же проблема, вы когда-нибудь решали ее?

2. извините, так и не нашел никакого решения.