Skip to content
gauchocodeUI GALLERY
LIBRARY
All blocks58Data display15Navigation & shell14Forms & actions7Planning12Feedback & overlays4AI & automation4Apps & admin2
RESOURCES
CommunityTeam library
GC
GauchoCodeEngineering & design
v0.1
WorkspaceUI Gallery
CommunityTeam library
BlocksForms & actionsRich text editor

Rich text editor

Adapted

Write it, format it. A shadcn.io-style toolbar — lists, block types, inline marks, undo and @-mention — over a real editable area.

contentEditableToolbarFormatting
React · CSS
Origin & adaptation notes

Composed from the shadcn.io rich-editor toolbar (list menu with bullet/numbered/outdent/indent, block-type select, bold/italic/underline/strikethrough/inline-code, divider, undo, @-mention trigger) over a real contenteditable area driven with document.execCommand, so no tiptap/lexical dependency ships in the demo. Active-mark state follows the selection and every action is announced; content is synthetic and stays in this preview.

Curated adaptation. Synthetic data only. No production APIs.

PreviousSave & sync buttonsNextInline select
Built with intention. Shared with the team.GauchoCode UI Gallery ✳