Welcome to MarkdownEditor, the leading open source JavaScript markdown editor plugin. Enjoy a simple, powerful, and embeddable markdown editor with real-time preview, syntax highlighting, responsive design, and seamless integration for all web projects.
Get and set the Markdown content using a native <textarea>, just as you would with a standard textarea. Works seamlessly with traditional form submissions, without requiring JavaScript-based value handling.
A lightweight (~116 KB) Markdown editor offering advanced features and a powerful WYSIWYG editing experience
- ✍️ Simple Markdown Get/Set: No complicated techniques are required to get and set the markdown content. You can use the <textarea> value or name attribute to get and set markdown content
- 📱 Responsive: The editor is fully responsive, providing a seamless experience across all screen sizes
- 🎛️ Easy UI Customization: Quickly customize the UI using CSS variables to match your brand and preferences
- 🔀 Hybrid and Plain Markdown Editing: Supports both WYSIWYG (hybrid) and plain Markdown modes for flexible content creation
- 🌍 RTL Support: By default Right-to-Left (RTL) text is supported, making it ideal for languages like Arabic, Urdu, and Farsi
- 🚀 Lightweight: Tiny bundle size - ~116KB minified
- 🏋️♂️ Heavy Content Support: Handles long or large Markdown content smoothly without degrading performance
- 📝 Smart list continuation: GitHub-style automatic list continuation on Enter
- ⚡ Live Preview Mode: Watch your markdown content render while you type, providing a real-time preview of formatting, links, images, and more
- 📦 Module Support: Supports ESM, UMD, and CommonJS modules, making it easy to integrate with different module systems
- 🌙 Automatic Dark Mode Support: The editor follows your system's or website's dark mode settings, giving a seamless experience
- 👌 User-Friendly: It offers a WYSIWYG-style interface, making it great for non-technical users.
- 🎨 Effortless Frutjam UI Integration: Easily integrate the Frutjam UI library with automatic editor theme adjustments based on the selected theme
- 🔄 Actively Maintenaning: The plugin receives regular updates to stay up to date
For full documentation, visit Markdown Editor.
Hybrid Mode (WYSIWYG + Markdown): See how the editor combines WYSIWYG and Markdown editing in one interface
Contributions to this open source project are highly encouraged! If you have bug fixes, feature enhancements, or new ideas, please consider opening an issue or submitting a pull request. Your help will ensure that this best, simple, embeddable JavaScript markdown editor plugin continues to evolve and serve the community with real-time preview and syntax highlighting capabilities.
This project is released under the MIT License.
Thank you for choosing the MarkdownEditor Plugin – your reliable, feature-rich solution for seamless markdown editing and content creation with easy integration. Happy coding!
If you like this project, consider giving it a star! 🌟
