下面展示了在Quill中如何自定義FileBlot以完成文件上傳與回顯功能

• 自定義FileBlot

可參考例子：https://quilljs.com/guides/cl...

  var Quill = require('quill/dist/quill.js')
  var Link = Quill.import('formats/link');
  class FileBlot extends Link {  // 繼承Link Blot
    static create(value) {
      let node = undefined
      if (value&&!value.href){  // 適應原本的Link Blot
        node = super.create(value);  
      }
      else{  // 自定義Link Blot
        node = super.create(value.href);  
        node.setAttribute('download', true);  // 左鍵點擊即下載
        node.innerText = value.innerText;
      }
      return node;
    }
  }
  FileBlot.blotName = 'link';
  FileBlot.tagName = 'A';
  Quill.register(FileBlot);

• 調(diào)用自定義Blot

// 當點擊quill中上傳文件的button后調(diào)用
// 這里url是先上傳文件后從服務器返回的文件資源地址
insertToEditor(url, file, editor) {
    const range = editor.getSelection();
    if(/^image/.test(file.type)){  // image直接插入image標簽顯示
      editor.insertEmbed(range.index, "image", url);
    }
    else{  // file則顯示名為filename的A標簽
      editor.insertEmbed(range.index, 'link', {href:url, innerText:file.name}, "api")
    }
}

• 示例結(jié)果

經(jīng)過本人實驗，用推薦答案里的方法確實能生成a標簽鏈接，當你點擊時，quill編輯器會默認為所有a標簽彈出一個tooltip框。
這意味著，即使你在擴展Link Blot增加一些屬性，例如target，download等等，實際上時無法生效的。
目前比較簡單但是不太優(yōu)雅的方法是：為a標簽彈出框$('.ql-preview')注冊一個點擊事件，根據(jù)自己的需求覆蓋掉

比如說不希望鏈接在新窗口打開

        $('.ql-preview').one('click',function() {
            if ($(this).attr('href').startsWith('#/home')) {
                $(this).removeAttr('target')        //文檔鏈接，在本頁跳轉(zhuǎn)，不打開新的窗口
            } 
        })

這個問題的解決方案我也找了好久好久，insertEmbed和insertText都不能實現(xiàn)這個功能，可能唯一的辦法是通過dangerouslyPasteHTML勉強可以實現(xiàn)，勉強的意思是，瀏覽器會屏蔽一些代碼，可能會使粘貼的代碼不完整，這可能就是dangerously的意思吧。當然可以直接操作DOM，但想插入光標位置（getSelection）卻很難實現(xiàn)，網(wǎng)上找了好久也沒找到方法，quill大家都說好，可這簡單的需求都沒辦法解決，我想quill言過其實了吧。
樓主找到方案麻煩跟我說一聲