我无法让Quill正确渲染工具栏我已阅读docs并检查webpack example。
添加了webpack别名,
resolve: {
alias: {
'parchment': utils.resolve('node_modules/parchment/src/parchment.ts'),
'quill$': utils.resolve('node_modules/quill/quill.js'),
}
}
然后创建像这样的Quill导出文件
`quill-build.js`
```js
import Quill from 'quill/core';
import Toolbar from 'quill/modules/toolbar';
import Snow from 'quill/themes/snow';
import Bold from 'quill/formats/bold';
import Italic from 'quill/formats/italic';
import Header from 'quill/formats/header';
Quill.register({
'modules/toolbar': Toolbar,
'themes/snow': Snow,
'formats/bold': Bold,
'formats/italic': Italic,
'formats/header': Header,
});
export default Quill;
```
在我的组件中导入它,并在将其附加到html元素时,这就是我得到的
这是检查此标记时我在chrome devtools中获得的内容。
如果我从cdn导入quil.min.js,它会正确呈现所有内容,但如果我无法自定义构建并删除不必要的元素,则无用。
有没有人成功做到这一点,有人可以帮助我吗?