Question

我正在使用夏季音符编辑器，我想在用户选择图像文件时将图像上传到文件夹，同时我想将图像插入编辑器中，如何实现，现在我有了只将图像上传到文件夹但不上传到编辑器中的代码...

$(document).ready(function() {
      $('#summernote').summernote({
         height: 510,
          onImageUpload:function(files, editor, welEditable) {
              sendFile(files[0], editor, welEditable);
          }

      });
      function sendFile(file, editor, welEditable) {
          data = new FormData();
          data.append("file",file);
          $.ajax({
              data: data,
              type: "POST",
              url: 'savetheuploadedfile.php',
              cache: false,
              contentType: false,
              processData: false,
              success: function(url) {
                  editor.insertImage(welEditable, url);
              }
          });
      } 
  });

Answer 1

我得到了答案，而不是使用编辑器对象，替换

editor.insertImage(welEditable,url);

带

$('#summernote').summernote('editor.insertImage',url);

Answer 2

Summer note新版本只传递一个参数。所以你可以使用这个脚本

$('.summer').summernote({
    height: "200px",
    onImageUpload: function(files) {
        sendFile(files[0], $(this));
    }
});

function sendFile(file, editor) {
var data = new FormData();
data.append("file", file);
$.ajax({
    data: data,
    type: "POST",
    url: 'savetheuploadedfile.php',
    cache: false,
    contentType: false,
    processData: false,
    success: function(upload_file_url) {
        editor.summernote('insertImage', upload_file_url);
    },
    error: function(jqXHR, textStatus, errorThrown)
    {
    }
});

将图像插入编辑器

2 个答案: