?首先先安裝react中的react-quill依賴

npm install react-quill --save

在項目的跟文件引入樣式

import "react-quill/dist/quill.snow.css";

最簡單的reactQuill組件

import React from 'react';
import { useState } from "react";
import ReactQuill from "react-quill";
const App = () => {
  const [value, setValue] = useState("1212");
  const handleChangeValue = (value) => {
    console.log("富文本的值：", value);
    setValue(value);
  };
  return (
    <div>
      <h2 className="title">富文本編輯器</h2>
      <div className="quill-editor-wrap">
        <ReactQuill theme="snow" value={value} onChange={handleChangeValue} />
      </div>
    </div>
  );
}

export default App;

?實現效果：

quill中文文檔

?