0

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

阅读此处的文档使我认为我需要modules.toolbar在初始化 Quill 实例时添加一个处理程序对象,如下所示:

        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. 为什么?

4

1 回答 1

0

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

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

于 2016-11-22T21:45:27.763 回答