react-quill 设置中文

React-Quill是一个富文本编辑器库，用于React应用中。如果你想要在React-Quill中设置支持中文，你需要做以下几个步骤：

1. 首先，在项目中安装`react-quill`和`@quill/paste-html`这两个依赖，因为默认的Quill编辑器可能缺少对HTML内容的支持，特别是中文字符的编码处理。可以使用npm或yarn安装：

   npm install react-quill @quill/paste-html
   # 或者
   yarn add react-quill @quill/paste-html

2. 然后，在编辑器组件中导入并初始化React-Quill，配置时启用`modules.format`模块以及`paste`插件，并确保`format`模块包含`font-size`等能够影响中文显示的样式属性：

import React from 'react';
import { QuillEditor } from 'react-quill';
import 'react-quill/dist/quill.snow.css';

function MyEditor() {
  const options = {
    modules: {
      format: ['bold', 'italic', 'underline', 'strike', 'blockquote'],
      history: true,
    },
    formats: [
      { name: 'size', tags: ['h1', 'h2', 'h3', 'p', 'pre'] },
      // 添加中文字体大小格式
      { name: 'fontSize', aliases: ['font-size'] },
    ],
    theme: 'snow',
    placeholder: '请输入内容...',
  };

  return (
    <QuillEditor value={''} options={options} />
  );
}

export default MyEditor;

3. 如果你发现输入的中文有乱码问题，可能需要在服务器端处理好UTF-8编码。确保发送到后台的数据是正确的UTF-8编码。