难以将 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.
我一直在搜索文档以获取有关如何将 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.