如何使用相同的js代码在多个编辑器上启用summernote图像上传？

问题描述

我正在处理一些我想在 Summernote 编辑器中上传图像的事情，而不是上传 base64 图像的默认行为。

我在下面写了一些工作正常但下面提到的代码仅适用于单个编辑器但我想对所有编辑器使用相同的代码。

这里是编辑们

<textarea name="editor1" id="editor1" class="form-control editor"></textarea>

<textarea name="editor2" id="editor2" class="form-control editor"></textarea>

<textarea name="editor3" id="editor3" class="form-control editor"></textarea>

这是它的JS代码

<script>
  // 'editor1'
  $('.editor').summernote({
      placeholder: 'Enter here...',minHeight: 200,callbacks: {
        onImageUpload: function(files) {
          for(let i=0; i < files.length; i++) {
            $.upload(files[i],function(){return $(this).attr('id');});
          }
        }
      },});
  $.upload = function (file,editorId) {
       let out = new FormData();
       out.append('file',file,file.name);

       $.ajax({
           method: 'POST',url: '<?=base_url('admin/upload_image_summernote') ?>',contentType: false,cache: false,processData: false,data: out,success: function (img) {
               $('#'+editorId).summernote('insertimage',img);
           },error: function (jqXHR,textStatus,errorThrown) {
               console.error(textStatus + " " + errorThrown);
           }
       });
   };
</script>

请帮我解开这个谜...

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

file-upload image image image