Grammarly With Ghost: An Extension to Make Your Blogging Easier
Tags: showdev, writing, webdev
Published: 2021-02-22 12:19:12

_This was originally posted on [my personal blog](https://blog.shahednasser.com/grammarly-with-ghost-an-extension-to-make-your-blogging-easier/)_

If you use [Ghost](https://ghost.org/) for your blogging needs and you need Grammarly as well to make your life easier, you probably noticed that Grammarly does not work with Ghost's editor Koenig. 

You can read more about it at these links:

- [Grammarly support for the Koenig editor Issue](https://github.com/TryGhost/Ghost/issues/11252)
- [Ghost Forum: Grammarly Support](https://forum.ghost.org/t/grammarly-support/2220)

## The Solution

While looking through the above links, I saw different people saying that you can get Grammarly to work with Ghost's editor by merely removing the attribute `data-gramm="false"`. I tried doing that with my own blog and it worked!

It should be noted that the reason behind Grammarly not working with Ghost's editor is due to it not supporting it. So, I am not sure if this solution will cause any problems on your side. For me, it works perfectly well. There's an issue detailed [here](https://gitmemory.com/issue/TryGhost/Ghost/11252/671525102) about clicking on "Edit in Grammarly," however, I couldn't reproduce it.

## The Extension

**Note: This extension assumes you already have the Grammarly extension installed in your browser**

So, the extension basically detects the element with the attribute `data-gramm="false"` and removes that, while also doing some check on the height and width of the element (you can read more about it [here](https://support.grammarly.com/hc/en-us/articles/115000090392-I-do-not-see-the-G-icon-on-a-certain-web-page-or-in-a-certain-text-field-but-see-it-on-other-web-pages-))

### Before Installing The Extension

![before](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g2e2fqihvrtu8h5zfp9w.png)

Before installing the extension, Grammarly does not work with Ghost's editor and you will not be notified of any errors in your writing.

### After Installing the Extension

Once you install the extension, you need to open your Ghost blog, then click on the icon of the extension. After that, you can enable the extension to work on this host or domain.

![Enable Extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qq5mf0y2ldz64rs49fo1.png)

Once you enable it, it will do the work specified above whenever necessary. If you do not enable it for the domain you need it to work on, it will not do anything.

### After Enabling

![After](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yqr70pasghicf8h64hdy.png)

---

## Downloading the Extension

You can download the extension [here](https://chrome.google.com/webstore/detail/grammarly-with-ghost/iakfoofepmfjafjepidembmheemidbdb).

---

## Contribution

If you find any issues and bugs in the extension or have any ideas missing in it, you are welcome to open an issue with it at the [GitHub repository](https://github.com/shahednasser/grammarly-ghost)!

---

## Attributions

- Toggle button is from [sButtons](https://github.com/sButtons/sbuttons)
- Extension icon is from [Dinosoft Lab on Iconscout](https://iconscout.com/contributors/dinosoftlabs)