Markdown Lexical Editor

Powerful Markdown WYSIWYG Editor for React with Lexical & Shadcn UI

This project offers a customizable Markdown WYSIWYG editor designed for seamless integration into Next.js and React applications. Leveraging the power of the Lexical editor framework and the aesthetic appeal of Shadcn UI, developers can easily add rich text editing capabilities. It provides a flexible foundation for creating intuitive content creation experiences, simplifying the process of incorporating Markdown editing with a modern user interface and various formatting options.

Features:

• WYSIWYG Markdown Editing: Provides a "What You See Is What You Get" interface for Markdown, powered by Lexical.
• Shadcn UI Integration: Utilizes components from the shadcn/ui library for a polished and modern user interface.
• React Component Architecture: Easily integrable into React applications as a MarkdownLexical component with customizable options.
• Text Formatting Plugin: Includes MarkdownLexicalFormatTextPlugin for bold, italic, underline, and strikethrough options.
• Undo/Redo Functionality: Offers MarkdownLexicalUndoRedoPlugin for easy reversal and reapplication of changes.
• List Creation Plugin: Supports ordered and unordered list creation via MarkdownLexicalListPlugin.
• Quote Block Plugin: Enables insertion of blockquotes using MarkdownLexicalQuotePlugin.
• Link Insertion Plugin: Provides functionality to add and manage hyperlinks with MarkdownLexicalLinkPlugin.
• Custom Plugin Extensibility: Allows developers to create and integrate their own plugins to extend editor functionality.
• Default Value Initialization: Supports setting an initial Markdown content value for the editor upon loading.
• Next.js Project Base: Developed as a Next.js application, facilitating easy setup and deployment.
• Optimized Font Loading: Uses next/font for efficient loading of custom fonts like Inter, as per Next.js best practices.

Summary:

This tool empowers developers to incorporate a feature-rich Markdown WYSIWYG editor into their React and Next.js projects. By merging the capabilities of the Lexical editor framework with the design elements of Shadcn UI, it delivers a comprehensive solution for content creation. Key features include various formatting plugins, undo/redo, and the ability to extend functionality with custom plugins, all presented within an easily integrable React component for a smooth development experience.