aicoolies logo

TOAST UI Editor

Markdown WYSIWYG editor with live preview

open-sourceopen sourceupdated Apr 12, 2026
Visit Website →
Share

TOAST UI Editor is a full-featured Markdown and WYSIWYG editor by NHN that supports GFM standard syntax with extensible chart and UML rendering. It offers dual editing modes with seamless switching, live preview with scroll sync, syntax highlighting, and a plugin architecture for adding color pickers, table merging, code highlighting, and diagram support. The editor ships with React, Vue, and vanilla JavaScript wrappers and supports 20+ languages.

TOAST UI Editor is an open-source Markdown editor developed by NHN, a major Korean technology company, that provides both Markdown and WYSIWYG editing modes with real-time preview synchronization. The editor follows CommonMark and GitHub Flavored Markdown specifications, ensuring documents render consistently across platforms. Users can switch between raw Markdown editing with syntax highlighting and a rich-text WYSIWYG mode that provides familiar word-processor-style formatting controls.

The editor is built with a modular plugin system that extends its capabilities well beyond basic Markdown. Official plugins add table cell merging, code syntax highlighting via Prism.js, color text formatting with an integrated color picker, and UML diagram rendering directly within the editor. Chart blocks allow embedding data visualizations, and the viewer component enables read-only rendering of Markdown content for documentation and content display scenarios.

TOAST UI Editor has accumulated over 17,000 GitHub stars and broad adoption in both Korean and international web development communities. The project provides official framework integrations for React and Vue alongside the vanilla JavaScript API, supports over 20 languages through its internationalization system, and offers extensive toolbar customization. Its lightweight footprint and clean API make it a popular choice for CMS builders, documentation platforms, and content creation tools.

Pricing

Free and open source under MIT license

Platforms

Browser: React, Vue, vanilla JS wrappers

Categories

Tags

Use Cases

Alternatives

Related Tools

Mitosis logo

Mitosis

Write components once and compile them into native code for multiple frameworks

Mitosis is Builder.io-backed open-source infrastructure for writing a component once and compiling it into native framework components for React, Vue, Angular, Svelte, Qwik, Solid, React Native, and other targets. It supports cross-framework design systems and Figma-to-code synchronization, but is distinct from the Builder.io visual builder product.

open-sourceOpen Source

Figma Console MCP

Turn a Figma design system into a programmable API for AI assistants

Figma Console MCP is open-source design-system infrastructure that exposes Figma to AI assistants through MCP. It supports structured extraction, design creation and editing, debugging, accessibility audits, and bidirectional design-token workflows across local, remote read-only, and paired cloud modes; it is not a generic one-click Figma-to-code exporter.

open-sourceOpen SourceTelemetry

n8n-MCP

Community MCP server for n8n node knowledge, workflow drafting, and validation

n8n-MCP is an independent, MIT-licensed community server that gives MCP-compatible assistants structured access to n8n node documentation, properties, templates, and workflow validation helpers. It is distinct from the existing n8n product page and covers the MCP layer used from clients such as Claude, Cursor, Windsurf, and Codex.

open-sourceOpen SourceTelemetry
Intercom MCP Server logo

Intercom MCP Server

Intercom's remote MCP server for support and Help Center context.

Intercom MCP Server is Intercom's hosted remote MCP server for connecting AI tools to Intercom workspace data. It supports the recommended Streamable HTTP endpoint, OAuth or bearer-token authentication, and tools for conversations, contacts, companies, and Help Center article workflows, with access limited by token permissions and Intercom workspace policy.

freemiumTelemetry
HubSpot MCP Server logo

HubSpot MCP Server

HubSpot's hosted MCP server for CRM data and workflows.

HubSpot MCP Server is HubSpot's hosted remote MCP server for connecting compatible AI tools to CRM data. It uses OAuth 2.1 with PKCE through MCP auth apps, then exposes HubSpot context such as contacts, companies, deals, tickets, activities, and marketing or content objects according to user permissions, granted scopes, and sensitive-data restrictions in the account.

freemiumTelemetry
Asana MCP Server logo

Asana MCP Server

Official Asana remote MCP server for project and task workflows.

Asana MCP Server is Asana's official hosted MCP endpoint for connecting compatible AI clients to Asana work data. It lets authenticated users search workspace objects, inspect and manage tasks or projects, create work items, and generate project summaries through OAuth-backed Streamable HTTP access while preserving existing Asana permissions and admin app-management controls.

freemiumTelemetry