DEV Community

Jeon
Jeon

Posted on

CKEditor5 with Tailwind CSS

#ckeditor #tailwindcss

Unless doing something, Tailwind CSS 'clears' styles of CKEditor. To style CKEditor properly, do the followings:

  1. Install @tailwindcss/typography 
npm install @tailwindcss/typography
Enter fullscreen mode Exit fullscreen mode
  1. Wrap the CKEditor component with prose class 
<div className="prose max-w-full"> <CKEditor {...editorProps} /> </div>
Enter fullscreen mode Exit fullscreen mode

Top comments (0)