https://summernote.org/deep-dive/#insertimage

$('#summernote').summernote('insertImage', url, function ($image) {
  $image.css('width', $image.width() / 3);
  $image.attr('data-filename', 'retriever');
});

他官方提供的 ＡＰＩ是這樣做。
只是有個怪異的問題

  onImageUpload: function(files) {
        sendFile(files[0]);
    },

$content 是我的編輯器～

$content.summernote('insertImage', '/images/download.gif', function ($image) {
    console.log('preview: ' + fileData);

      $.ajax({
        dataType: "json",
        type: "POST",
        url: "someurl",
        data: data,
        cache: false,
        contentType: false,
        processData: false,
        enctype: 'multipart/form-data',
        // timeout: timeoutVal,
        success: function(data){
          $image.attr('src', data.url);
        }
      });
  });

我是這樣使用他的 insertImage ＡＰＩ
跟他上面寫的一樣
我可以成功利用 attr 替換已經上傳完成的圖片網址～這確定沒問題
只是假設上傳完成之後直接保存到數據庫時
即便他有成功替換 URL，他保存進去的網址卻還是 /images/download.gif
除非
上傳完網址之後，等他 attr 替換成功時
必須要在編輯器內「動一下」，比如說按個回車之類的
然後保存進去的數據庫會是正確的網址。。。。這是什麼詭異問題？github也沒有人回我。。。