React Quill

### 如何在 React 中使用 Quill 富文本编辑器

#### 安装依赖包
为了能够在 React 项目中使用 Quill 富文本编辑器，需要安装 `react-quill` 包。通过 npm 命令可以完成这一操作：

npm install react-quill@2.0.0-beta.2

此命令会下载并安装指定版本的 `react-quill` 及其必要的依赖项[^2]。

#### 导入组件与样式
一旦安装完毕，在目标页面或组件内引入 `ReactQuill` 组件以及对应的 CSS 文件来加载默认的主题风格（如 snow 主题）。具体做法如下所示：

import React, { useState } from 'react';
// 导入富文本编辑器组件及其样式文件
import ReactQuill from 'react-quill'; 
import 'react-quill/dist/quill.snow.css';

function Editor() {
    const [value, setValue] = useState('');

    return (
        <div>
            {/* 使用 Rich Text 编辑器 */}
            <ReactQuill theme="snow"
                value={value}
                onChange={setValue} />
        </div>
    );
}

export default Editor;

上述代码片段展示了如何创建一个简单的富文本编辑器实例，并将其绑定到状态变量上以便于后续处理输入的内容变化情况[^1]。