React-quill: How to turn off spellcheck?

[ycjcl868]

[alexkrolick]

This does not appear to be a feature of Quill: https://quilljs.com/docs/configuration/

[nombrekeff]

Any workaround? There seems to be some workarounds for vanilla Quill, see https://github.com/quilljs/quill/issues/2225

[nzwsch]

FYI:

function MyEditor() {
  const quillRef = useRef(null);

  const handleRef = useCallback((ref) => {
    const quill = ref.getEditor();

    // disable spellcheck
    quill.root.setAttribute('spellcheck', false);

    quillRef.current = ref;
  }, []);

  return <ReactQuill ref={handleRef} />;
}

[patricklongo1]

FYI:

function MyEditor() {
  const quillRef = useRef(null);

  const handleRef = useCallback((ref) => {
    const quill = ref.getEditor();

    // disable spellcheck
    quill.root.setAttribute('spellcheck', false);

    quillRef.current = ref;
  }, []);

  return <ReactQuill ref={handleRef} />;
}

Its work for me!

[cancan101]

@nzwsch what is the use useRef doing in your solution? It appears that hook is unneeded ?