1. Components
  2. WYSIWYG Editor

Third-Party Plugins

Tailwind CSS WYSIWYG Editor

WYSIWYG editors are interactive interface that allow users to input and format text as it will appear in its final output. They streamline content creation by providing a visual interface, eliminating the need for direct code manipulation.

Requires JS

Note that this component requires the use of the third-party Tiptap plugin.

How to use

  1. Install Tiptap

    Install tiptap via npm

    npm install @tiptap/core @tiptap/pm @tiptap/starter-kit

Basic usage

A basic usage of WYSIWYG Editor.

Modal example of WYSIWYG Editor.