awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com

Embeddable markdown editor

Ranking updated Jul 5, 2026

For a wysiwym markdown editor for web apps, the first results are pandao/editor.md (Editor.md is an embeddable Markdown editor that provides a real-time dual-pane preview, plugin extensibility, and all the required features like keyboard shortcuts, customizable toolbar, and export, making it a strong WYSIWYM component for web applications), mdx-editor/editor (This React-based markdown editor provides real-time preview, plugin extensibility, and a command interface, making it a comprehensive embeddable WYSIWYM component for web applications) and vanessa219/vditor. ionaru/easy-markdown-editor and milkdown/milkdown round out the shortlist. Compare the match explanations and check the project documentation against your requirements.

Find the best embeddable WYSIWYM markdown editors for your web app. Compare top-rated libraries by features and activity to find the best fit.

Embeddable markdown editor

Find the best repos with AI.We'll search the best matching repositories with AI.
  • pandao/editor.mdpandao avatar

    pandao/editor.md

    14,315View on GitHub↗

    Editor.md is an embeddable Markdown editor component for web applications that provides a real-time, dual-pane live preview alongside the raw source as the user types. It is designed as a plugin-based Markdown editor with a plugin architecture for extending functionality through custom modules, and it supports rendering LaTeX mathematical expressions using KaTeX as well as converting flowchart and sequence diagram syntax into visual diagrams within the preview. The editor distinguishes itself through its plugin-based extension system, which allows loading additional functionality through exte

    Editor.md is an embeddable Markdown editor that provides a real-time dual-pane preview, plugin extensibility, and all the required features like keyboard shortcuts, customizable toolbar, and export, making it a strong WYSIWYM component for web applications.

    JavaScriptEmbeddable ComponentsMarkdown EditorsDiagram Renderers
    View on GitHub↗14,315
  • mdx-editor/editormdx-editor avatar

    mdx-editor/editor

    3,547View on GitHub↗

    This project is a React-based rich text editor designed for authoring and managing markdown documents through a visual interface. It functions as a modular framework that renders markdown in real-time, allowing users to create structured content without manual syntax entry. The editor is built on a plugin-based architecture that enables developers to extend functionality while maintaining minimal application bundle sizes. It provides a comprehensive command interface for programmatic content manipulation and utilizes reactive state management to ensure the visual editing surface remains synch

    This React-based markdown editor provides real-time preview, plugin extensibility, and a command interface, making it a comprehensive embeddable WYSIWYM component for web applications.

    TypeScriptMarkdown Authoring InterfacesMarkdown Abstract Syntax TreesMarkdown Editors
    View on GitHub↗3,547
  • vanessa219/vditorVanessa219 avatar

    Vanessa219/vditor

    11,074View on GitHub↗

    Vditor is a browser-based Markdown editor and rendering engine that supports multiple editing interfaces, including a visual rich-text experience, instant rendering, and a traditional side-by-side split-view preview. It serves as an authoring tool for technical documentation and a component for web-based editor integration. The project is distinguished by its support for complex technical content, utilizing specialized rendering for mathematical formulas, flowcharts, sequence diagrams, and mind maps. It also functions as a collaborative document review tool, enabling users to attach anchored

    Vditor is a browser-based Markdown editor offering multiple editing modes (including a rich-text WYSIWYM-like experience), real-time preview, and customizable toolbars, making it a suitable embeddable component for web applications that need robust markdown authoring and technical content support.

    TypeScriptToolbar Button Customizations
    View on GitHub↗11,074
  • ionaru/easy-markdown-editorIonaru avatar

    Ionaru/easy-markdown-editor

    3,030View on GitHub↗

    Easy Markdown Editor is a browser-based JavaScript library designed to replace standard HTML text areas with an interactive interface for structured document creation. It provides a web-based environment for Markdown content authoring, combining raw syntax input with visual formatting tools and real-time preview capabilities. The editor distinguishes itself through a plugin-driven toolbar architecture that allows for extensive interface customization, including adjustable layouts, icon visibility, and visual themes. It also integrates automated draft persistence, which saves content to local

    EasyMDE is a simple, embeddable JavaScript Markdown editor with a real-time preview, customizable toolbar, and keyboard shortcuts, making it a solid match for embedding a markdown editing component into a web application, though its editing model is split-pane preview rather than a strictly inline WYSIWYM interface.

    JavaScriptTextarea ReplacementsText Editors
    View on GitHub↗3,030
  • milkdown/milkdownMilkdown avatar

    Milkdown/milkdown

    11,631View on GitHub↗

    Milkdown is a plugin-driven framework for building rich text editors that render and edit Markdown content in real time. It serves as an extensible rich text framework and a visual editor for Markdown documents, eliminating the need for a separate preview pane. The system is designed as a modular toolkit for creating customizable text editing experiences. It allows for the development of specialized editors with unique formatting rules and behaviors through a plugin-based extension model. The framework covers capabilities for markdown content management and the creation of visual editing int

    Milkdown is a plugin-driven Markdown editor framework that can be embedded as a web component, offering real-time preview, customizable toolbars, and export—though its live rendering is more WYSIWYG than strict WYSIWYM, it still matches the core need for an embeddable Markdown editing widget.

    TypeScriptMarkdown EditorsCustom Editor FrameworksMarkdown Renderers
    View on GitHub↗11,631
  • nezanuha/markdown-text-editornezanuha avatar

    nezanuha/markdown-text-editor

    53View on GitHub↗

    A lightweight, developer-friendly Markdown editor that transforms a standard HTML into a feature-rich editing experience without breaking native form submission.

    This lightweight Markdown editor replaces standard HTML textareas to provide a feature-rich editing experience that is embeddable in web applications, making it a solid fit for a WYSIWYM component.

    JavaScriptWeb Integration Components
    View on GitHub↗53
  • jhollingworth/bootstrap-wysihtml5jhollingworth avatar

    jhollingworth/bootstrap-wysihtml5

    4,118View on GitHub↗

    bootstrap-wysihtml5 is a rich text editor that integrates with the Bootstrap CSS framework to provide a visual interface for formatting HTML content. It functions as a localizable web editor and an HTML content parser that filters and validates tags and attributes to ensure clean content output. The project features a customizable rich text interface that allows for the modification of the toolbar and overall visual presentation through external stylesheets and HTML templates. It includes support for custom locale definitions and translated interface labels to accommodate international users.

    bootstrap-wysihtml5 is a rich text HTML editor with Bootstrap integration and textarea replacement, but it is built for formatting HTML content rather than providing a WYSIWYM editing experience for Markdown, so it does not meet the core requirement of Markdown syntax support.

    JavaScriptEditor Toolbar ConfigurationsToolbar Button Customizations
    View on GitHub↗4,118
  • textangular/textangulartextAngular avatar

    textAngular/textAngular

    3,952View on GitHub↗

    textAngular is a rich text editor component for AngularJS applications. It provides a visual editing interface that enables users to format text and embed media, acting as a synchronization layer that connects the editor to an application data model. The editor features a customizable interface where formatting button groups and toolbar layouts are defined via configuration. It supports the registration of custom tools and plugins to extend the editor's functional capabilities. The project covers HTML content binding with two-way data synchronization, event-driven change tracking, and the us

    textAngular is a rich-text HTML editor component for AngularJS, not a dedicated markdown editor; while it is embeddable, it lacks the WYSIWYM markdown editing and markdown syntax support this search asks for.

    JavaScriptEditor Toolbar Configurations
    View on GitHub↗3,952
  • ckeditor/ckeditor4ckeditor avatar

    ckeditor/ckeditor4

    5,817View on GitHub↗

    CKEditor 4 is a browser-based WYSIWYG rich text editor that enables users to create and format HTML content directly in the browser. It operates on a plugin-based architecture with a configurable toolbar system, DOM-based content editing, and an event-driven lifecycle, all delivered through a CDN-based distribution model. The editor supports skin-based theming and includes a legacy plugin compatibility layer for backward compatibility. The editor distinguishes itself as a cross-platform framework that integrates natively with Angular, React, Vue, Electron, Android, and iOS environments. It of

    CKEditor 4 is a WYSIWYG rich-text editor for formatting HTML directly in the browser, not a WYSIWYM Markdown editor—it lacks native Markdown syntax support and the semantic editing mode you are looking for.

    Rich Text FormatEditor Toolbar ConfigurationsToolbar Button Customizations
    View on GitHub↗5,817
  • mindmup/bootstrap-wysiwygmindmup avatar

    mindmup/bootstrap-wysiwyg

    5,515View on GitHub↗

    bootstrap-wysiwyg is a WYSIWYG HTML editor and browser-based content editor designed to integrate with the Bootstrap CSS framework. It provides a visual interface for creating and formatting rich text content that outputs HTML markup. The editor allows for custom text formatting workflows through the configuration of toolbars and keyboard shortcuts. Users can embed images via drag-and-drop and utilize a dedicated process to clean up redundant tags and whitespace in the generated markup.

    This is a WYSIWYG HTML editor integrated with Bootstrap, not a WYSIWYM markdown editor — it outputs HTML rather than working with markdown syntax and previewing rendered markdown, so it does not match the core editing mode you are looking for.

    HTMLToolbar Button Customizations
    View on GitHub↗5,515
  • margox/braft-editormargox avatar

    margox/braft-editor

    4,591View on GitHub↗

    Braft Editor is a React-based rich text editor built on Draft.js that provides a framework for content creation and formatting. It functions as a reusable UI component that allows users to compose formatted documents in a WYSIWYG interface and export the resulting content as HTML strings. The project features built-in localization support for multiple languages, including Chinese, Japanese, and Korean. It provides a modular system for extending editor functionality through plugins, custom toolbar mappings, and specialized media entities. The editor covers a broad range of content capabilitie

    Braft Editor is a React-based WYSIWYG rich text editor built on Draft.js that outputs HTML, not a markdown-first WYSIWYM editor — it lacks the structured markdown editing and real-time preview this search requires, though it is a reusable component.

    JavaScriptEditor Toolbar Configurations
    View on GitHub↗4,591
  • zenoamaro/react-quillzenoamaro avatar

    zenoamaro/react-quill

    7,014View on GitHub↗

    react-quill is a React component wrapper for the Quill rich text editor, providing a customizable WYSIWYG interface for creating and manipulating formatted semantic HTML content. It functions as a controlled component that manages the internal state and events of the editor within the React lifecycle. The project enables the definition of custom text formats and formatting schemas to support specialized styling or unique data structures. It features configurable toolbars and visual themes, allowing for the application of custom CSS and the specification of custom DOM elements for the editing

    react-quill is a React wrapper for the Quill rich text editor that handles HTML content, not Markdown — it provides a WYSIWYG interface but lacks the markdown syntax support and WYSIWYM editing mode you are looking for.

    JavaScriptToolbar Button Customizations
    View on GitHub↗7,014
Compare the top 10 at a glance
RepositoryStarsLanguageLicenseLast push
pandao/editor.md14.3KJavaScriptMITApr 26, 2024
mdx-editor/editor3.5KTypeScriptMITJun 18, 2026
vanessa219/vditor11.1KTypeScriptMITFeb 7, 2026
ionaru/easy-markdown-editor3KJavaScriptMITMay 3, 2026
milkdown/milkdown11.6KTypeScriptMITJun 22, 2026
nezanuha/markdown-text-editor53JavaScriptMITJun 17, 2026
jhollingworth/bootstrap-wysihtml54.1KJavaScriptMITApr 14, 2020
textangular/textangular4KJavaScript—Sep 20, 2023
ckeditor/ckeditor45.8KRich Text FormatNOASSERTIONApr 10, 2026
mindmup/bootstrap-wysiwyg5.5KHTMLMITNov 16, 2018

Related searches

  • a markdown editor with side by side preview
  • a rich-text editor framework for the browser
  • a javascript library for parsing markdown
  • Rich text editor
  • Markdown static generator
  • an open source rich text editor component
  • a markdown slide deck tool
  • a plugin for integrating code editors