Grammarly Hijacks CKEditor HTML

  • Posted on: 23 November 2015
  • By: davis

Don't use Grammarly if you're retrieving the HTML contents of a CKEditor instance. It will insert its own markup and break your email's formatting.

It will override your source HTML and insert garbage like this:

._5d3-checking._5d3-critical ._5d3-btn_grammarly {   
font-size: 0 !important;   
background-image: url("") !important; 
background-size: 22px !important;
}  

._5d3-checking._5d3-critical ._5d3-btn_grammarly:hover 

It replaces pictures with base64 images, which can transform a 30kB message to multiple megabytes fairly quickly. In short: disable Grammarly if you are using CKEditor with

allowedContent: true

UPDATE: I emailed Grammarly about this and haven't received a satisfactory response. I would just advise uninstalling Grammarly. I have not heard positive things over the past few months - from people outside my company. I have obviously had problems, and everyone else has had problems with them too. I do not recommend installing Grammarly for web content work.