delta形式の編集後データを state に保存する方法

ポイントは ReactQuill に onChange を設定し、入力されたデータを受け取り html to delta に変換、 sateteに格納するなど
```
<ReactQuill
ref={quillRef}
modules={modules}
readOnly={true}
theme="snow"
onChange={handleOnChange}
/>
```

const deltaData = {
  ops: [
    { insert: "Hello " },
    { insert: "World!", attributes: { bold: true } },
    { insert: "\n" },
  ],
};
const [data, setData] = useState(deltaData);

~

const handleOnChange = (content: string) => {
  console.log(content);
  // html to delta
  const delta = quillRef.current?.editor?.clipboard.convert(content);
  console.log(delta);

  // setData データ時に { insert: "\n" } を末尾に追加
  // if (delta && delta.ops) {
  //   const lastData = delta.ops[delta.ops.length - 1] ?? { insert: "" };
  //   if (lastData.insert !== "\n") {
  //     delta.ops.push({ insert: "\n" });
  //   }
  // }

  // TODO: 型エラーが出るので、修正が必要
  setData(delta as any);
};

h-yabi2 / react-quill

delta形式の編集後データを state に保存する方法 #8