ReactQuill的安装方法 -火山引擎

首先，在项目中安装React Quill，可以使用npm命令：

npm install react-quill
接下来，在需要使用React Quill的组件中导入Quill和ReactQuill组件：
import ReactQuill from 'react-quill';
import Quill from 'quill';
然后，创建一个状态变量用于保存React Quill富文本编辑器的内容：
const [content, setContent] = useState('');
将ReactQuill组件添加到需要使用的页面或组件中，并设置onChange事件以更新状态变量：
<ReactQuill value={content} onChange={setContent} />
可以选用一些基础的样式和激活的模块。例如，要使工具栏可用，请在ReactQuill组件中添加modules属性：
<ReactQuill
  value={content}
  onChange={setContent}
  modules={{
    toolbar: [
      [{ header: [1, 2, 3, 4, 5, 6, false] }],
      ['bold', 'italic', 'underline', 'strike'],
      [{ list: 'ordered' }, { list: 'bullet' }],
      ['link', 'image'],
      ['clean'],
调整样式，这里的样式指的是React Quill富文本编辑器中的样式。例如，可以通过下面的方式来完成：
.ql-editor {
  min-height: 200px;
.ql-toolbar.ql-snow {
  border: none;
保存并运行项目，即可在网页上看到React Quill富文本编辑器的效果。
注意：在使用React Quill时需要注意Quill的版本号，以免出现组件不兼容的情况。而目前请使用quill和react-quill版本