DEV Community

Cover image for Mina Rich Editor – A Block-Based Rich Text Editor Built With shadcn/ui and Tailwind CSS
jQueryScript
jQueryScript

Posted on

Mina Rich Editor – A Block-Based Rich Text Editor Built With shadcn/ui and Tailwind CSS

Mina Rich Editor: a block-based rich text editor built with React, Tailwind CSS, and shadcn/ui components.

It gives you everything you need for a modern content editing interface in your applications.

Features:

📝 Rich text formatting with bold, italic, underline, and combined styles

📊 Full-featured tables with drag-to-reorder columns and rows

🖼️ Image uploads with grid layouts and multi-select functionality

⌨️ Keyboard shortcuts for efficient editing

🎨 Unlimited styling with custom Tailwind CSS classes

🔗 Link support with a modern popover interface

📤 Clean HTML export with all formatting preserved

🌓 Dark mode support built in

🎯 Nested blocks for organizing related content

🔄 Full undo and redo history management

👉 Blog Post

👉 GitHub Repo

👉 Live Demo

Top comments (0)