Rich Text Editor Block Suite

Name: Rich Text Editor Block Suite
Author: @content_wei

ReactTypographyUXUpdated 2026-08-12

When to use: Adding a Notion-style editing experience to blogs, CMS backends, or documentation platforms.

Install

npx skills add rich-text-editor

Git Clone

git clone https://github.com/skillhub-community/rich-text-editor.git

Repository Docs

Description

Assembles a full block-based editor using TipTap: paragraph, headings, lists, blockquotes, code blocks with syntax highlighting, image nodes with drag-and-drop upload, YouTube/Vimeo embeds, and slash-command block insertion.

Outputs clean HTML and ProseMirror JSON — compatible with any backend. Toolbar adapts between floating bubble (mobile) and fixed bar (desktop).

AI Hub

Need a model endpoint?

AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.

Open AI Hub

Metadata

Author@content_wei

LicenseMIT

Version2.0.0

Dependencies0