@grammarly/react-quill

Grammarly plugin for React + Quill

Bringing the Grammarly experience to apps that use Quill. No browser extension is required.

Getting started

Install the Grammarly plugin for Quill:

npm install @grammarly/react-quill

Set up an instance of the Quill editor with Grammarly:

// 1. Import Grammarly components
import { GrammarlyQuill } from "@grammarly/react-quill";

import React from "react";
import ReactQuill from "react-quill";

export function QuillEditor() {

  // 2. Render using <GrammarlyQuill>
  return (
    <GrammarlyQuill clientId="your-client-id-here">
      {({ setEditor }) => {
        <ReactQuill ref={quillRef => setEditor(quillRef.getEditor())}>
      }}
    </GrammarlyQuill>
  );
}