react富文本编辑器

190 阅读1分钟

1.首先先安装react中的react-quill依赖

npm install react-quill --save

2.在项目的跟文件引入样式

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

3.最简单的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 (

   

     

富文本编辑器

     

       

     

   

  );

}

export default App;

4.实现效果:

5.quill中文文档中文文档:

www.kancloud.cn/liuwave/qui…