A code snippet shows how to add the Grammarly Text Editor Plugin to a textarea. Then an animation of a user accepting a Grammarly suggestion in a chat app appears.

This package is designed for vanilla JavaScript apps. Visit @grammarly/editor-sdk-react for our package for React apps and @grammarly/editor-sdk-vue for our package for Vue apps.

Getting started

Here's how to get started:

Create a new Grammarly for Developers app

Install the Grammarly Text Editor SDK:

npm install @grammarly/editor-sdk

Initialize the SDK with your client ID:

import * as Grammarly from "@grammarly/editor-sdk";

Grammarly.init("YOUR_CLIENT_ID");

Add the Grammarly Text Editor Plugin to your text editors by wrapping them with the grammarly-editor-plugin web component.
```
<grammarly-editor-plugin>
  <textarea></textarea>
</grammarly-editor-plugin>
```

Learn more

If you'd like to learn more about what you can do with the SDK and how you can customize the plugin for your app, visit:

Ask a question

If you want to ask a question, share a suggestion, or chat about how you're using the Grammarly Text Editor SDK in your app, join us in the Grammarly for Developers community on GitHub.

Keywords

grammarly

grammar

artificial-intelligence

spellcheck

spell-check

FAQs

What is @grammarly/editor-sdk?

Is @grammarly/editor-sdk popular?

Is @grammarly/editor-sdk well maintained?

Package last updated on 20 Oct 2023

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install