我正在尝试创建一个自定义Quill主题,扩展一个泡泡.我面临一个奇怪的ES6继承问题,似乎我无法super()在我的构造函数中调用.这是我的代码:
import BubbleTheme, { BubbleTooltip } from 'quill/themes/bubble'
class LoopTheme extends BubbleTheme {
constructor (quill, options) {
super(quill, options)
}
extendToolbar (toolbar) {
super.extendToolbar(toolbar)
this.tooltip = new LoopTooltip(this.quill, this.options.bounds);
this.tooltip.root.appendChild(toolbar.container);
}
}
class LoopTooltip extends BubbleTooltip {
}
LoopTooltip.TEMPLATE = [
'<span class="ql-tooltip-arrow"></span>',
'<div class="ql-tooltip-editor">',
'<input type="text" data-formula="e=mc^2" data-link="https://myurl.com" data-video="Embed URL">',
'<a class="ql-close"></a>',
'</div>'
].join('');
export { LoopTooltip, LoopTheme as default }
Run Code Online (Sandbox Code Playgroud)
泡泡主题可以在这里找到
我的巴别预设:
{
"presets": [
"es2015",
"es2016",
"stage-0",
"react"
]
}
Run Code Online (Sandbox Code Playgroud)
Webpack js文件配置:
module: …Run Code Online (Sandbox Code Playgroud)