1. React-Quill 글작성에디터

1. 설치하기

• npm install react-quill

2. 사용하기

• 바로 사용할 코드
• const modules=[]이안에 툴바의 옵션을 추가할 수 있음

• import React, { useState } from "react";
  import ReactQuill from "react-quill";
  import "react-quill/dist/quill.snow.css";
  export default function Editor() {
    const [editorValue, setEditorValue] = useState("");
    const handleChange = (value) => {
      setEditorValue(value);
    };
    const modules = {
      toolbar: [
        [{ header: [1, 2, false] }],
        ["bold", "italic", "underline", "strike", "blockquote"],
        [{ list: "ordered" }, { list: "bullet" }],
        [{ align: [] }], // 글자 정렬 옵션
        ["link", "image", "video"],
        ["clean"],
      ],
      clipboard: {
        matchVisual: false,
      },
    };
    return (
      <div>
        <ReactQuill
          value={editorValue}
          onChange={handleChange}
          modules={modules}
        />
      </div>
    );
  }