難以將Quill鏈接工具提示添加到自定義主題

Question

我一直在搜索文檔，以獲取有關如何實現到非標准主題的鏈接工具提示（例如，非大雪或泡沫）的指導，但是我遇到了問題。

仔細閱讀這里的文檔后，我認為我在初始化Quill實例時需要向modules.toolbar添加一個處理程序對象，如下所示：

        let editor = new Quill(`#${id}-editor`, {
            bounds: element[0],
            formats:
                without(
                    ctrl.formats() ?
                        ctrl.formats()
                    : formats,
                    'paste',
                    'fullscreen'
                ),
            modules: {
                toolbar: {
                container: `#${id}-toolbar`,
                    handlers: {
                        link: ( value ) => {
                                if (value) {
                                    let href = 'http://www.google.nl';
                                    editor.format('link', href);
                                 } else {
                                    editor.format('link', false);
                                 }
                        }
                    }
                }
            }
        });

在我的實例中，在按下工具欄上的鏈接按鈕時確實會調用處理函數，但value始終為false 。 為什么？

Answer 1

單擊工具欄按鈕時，將調用handlers 。 傳入的value參數為true或false，具體取決於該格式是否在當前選擇范圍內。 因此，如果用戶突出顯示現有鏈接並單擊鏈接按鈕，則value將為false。 否則，它將是真實的。 如果按鈕具有data-value屬性，但是它與您的問題無關，則它可以是非布爾值。

因此，例如在Snow中，當value為true時，它添加了一個自定義處理程序以顯示鏈接編輯器工具提示。 如果值為true，則只需調用API即可刪除鏈接。