home/categories/ide-plugins/hunghg255-reactjs-tiptap-editor-skills-reactjs-tiptap-editor-skill-md
ide-pluginstools

reactjs-tiptap-editor

Guide for using reactjs-tiptap-editor — a modern WYSIWYG rich text editor built on Tiptap and shadcn/ui for React. Use when user asks to integrate a rich text editor, WYSIWYG editor, or tiptap editor into a React project, asks about extensions like Bold, Image, Table, CodeBlock, Mention, SlashCommand, or asks how to configure toolbar, bubble menu, themes, or upload handlers with reactjs-tiptap-editor.

hunghg255
maintainer
hunghg255
Updated 4/3/2026
Stars
682
Forks
156
quick start

Installation and usage

Guide for using reactjs-tiptap-editor — a modern WYSIWYG rich text editor built on Tiptap and shadcn/ui for React. Use when user asks to integrate a rich text editor, WYSIWYG editor, or tiptap editor into a React project, asks about extensions like Bold, Image, Table, CodeBlock, Mention, SlashCommand, or asks how to configure toolbar, bubble menu, themes, or upload handlers with reactjs-tiptap-editor.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use reactjs-tiptap-editor