Home / Companies / Strapi / Blog / Post Details
Content Deep Dive

How to change the default WYSIWYG to Quill Editor

Blog post from Strapi

Post Details
Company
Date Published
Author
Maxime Castres
Word Count
1,219
Language
English
Hacker News Points
1
Summary

The text provides a detailed tutorial on how to replace the default WYSIWYG editor in Strapi with the Quill editor, specifically using the react-quill library. It begins by outlining the creation of a new Strapi project, either through Yarn or npm, and then guides the reader through setting up an admin user and a simple collection type. The tutorial includes steps for generating a new plugin field in Strapi's administration panel, installing react-quill, and integrating it as a WYSIWYG component. It also explains how to use Strapi's MediaLib for managing media files within the editor, and offers an alternative setup for including an image module directly within the Quill editor. The guide emphasizes the importance of being cautious when changing editors on existing projects with Markdown content, as it requires conversion to HTML.