score:3

Accepted answer

with quill.gettext() function :

import react, { usestate } from "react";

import { usequill } from "react-quilljs";

export default () => {
  const { quill, quillref } = usequill();
  const [savedtext, setsavedtext] = usestate("");

  const handlesave = () => {
    const text = quill.gettext();
    setsavedtext(text);
  };


  return (
    <div style={{ width: 500, height: 300 }}>
      <button onclick={handlesave}>save</button>
      <div>saved state : {savedtext}</div>
      <div ref={quillref} />
    </div>
  );
};

check on codesandbox : https://codesandbox.io/s/react-quilljsbasic-tt6pm?file=/src/app.js


Related Query

More Query from same tag