我正在尝试在 React 中运行原生 Quill。我遵循 quill 的快速入门,但不幸的是工具栏渲染存在问题(见下文)。显示图标路径而不是渲染。请给我相同的指示:)
羽毛笔组件:
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 React, { Component, Fragment } from 'react';
import Header from 'quill/formats/header';
Quill.register({
'modules/toolbar': Toolbar,
'themes/snow': Snow,
});
class MyQuill extends Component {
constructor(props) {
super(props);
}
componentDidMount(props) {
var quill = new Quill('#editor', {
theme: 'snow'
});
}
render() {
return (
<div id="editor">
<p>Hello World!</p>
<p>Some initial <strong>bold</strong> text</p>
</div>
);
}
}
export default MyQuill;
最佳答案
我终于能够修复它(见下文)。遗憾的是,如此出色的工具的文档却如此糟糕。
更改自:
从 'quill/core' 导入 Quill;
到
从 'quill/dist/quill.js' 导入 Quill;
来自:
Quill.register({
'themes/snow': Snow,
});
到
Quill.register({
'themes/snow.js': Snow,
});
关于reactjs - Quill 工具栏未呈现(显示图标路径而不是呈现),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60223428/