Rich Text Component Uses the Quill Text Editor

To ensure that the Rich Text component works smoothly with Lightning Locker, we changed its text editor from CKEditor to Quill.

Where: This change applies to Lightning Experience in Group, Professional, Enterprise, Performance, Unlimited, and Developer editions.

How: Here are some differences you’ll see with the Quill text editor.
  • The Quill editor supports a different set of fonts than CKEditor. The text in your component remains in the old font until you edit it. Quill’s supported fonts are Arial, Courier, Garamond, Salesforce Sans, Tahoma, Times New Roman, and Verdana.
  • The Quill API wraps each line of text with <p> </p> tags. The tags can increase the number of characters in the rich text API value when you save the text. If you get a max length warning, break up the text into two Rich Text components.
  • The link editor panel in Quill has fewer options than CKEditor. For example, the Quill panel doesn’t include the Link Type option, but you can specify it manually.
  • A link target can be added only via the Metadata API.
  • In Quill, the default color for text is gray in the editor, but the text renders black in the output.
  • Selecting text using keyboard shortcuts, such as with Cmd+A, and then typing something new resets the formatting of the existing text.