难以将 Quill link 工具提示添加到自定义主题

Difficulty adding Quill link tooltip to custom theme

我一直在搜索文档以获取有关如何将 link 工具提示实施到非标准主题(例如,不是雪或泡泡)的指导,但我 运行 遇到了问题.

通读文档 here 让我认为我需要在初始化 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);
                                 }
                        }
                    }
                }
            }
        });

在我的实例中,当按下工具栏中的 link 按钮时,处理函数确实被调用,但 value 始终是 false。为什么?

单击工具栏按钮时调用 handlers。传入的 value 参数为 true 或 false,具体取决于该格式是否存在于当前选择范围内。因此,如果用户突出显示现有的 link 并单击 link 按钮,则 value 将为假。否则,它将是真实的。如果按钮具有 data-value 属性但与您的问题无关,则它可以是非布尔值。

因此,例如在 Snow 中,它添加了一个自定义处理程序,以在 value 为真时显示 link 编辑器工具提示。当值为 true 时,它​​只是调用 API 来删除 link.