Add Traven Editor to any website

WYSIWYM Markdown editing,
fully customizable

MIT-licensed, framework-agnostic Markdown editor you can embed anywhere. Configure custom skins and toolbars in a single line of code, no build step required. Raw Markdown in, raw Markdown out.

1 / 9

Traven Workspace — Standalone, framework-agnostic Markdown editor workspace

WYSIWYM Collapsing

Delimiters like ** and _ display seamlessly only when editing, keeping the workspace clutter-free.

Optimistic Media Uploads

Drag and drop or paste images directly into the editor view with live loading feedback indicators.

Customize Skin Styles

Easily swap editor skin styles and toolbars configurations to customize the UI/UX and match your app.

5 Customizable Demos

Unified Editing Demo

WYSIWYM/Markdown editor with live HTML preview.

Toolbar Controls Demo

Toggle three toolbar formats independently.

Inline YAML Demo

Bidirectional synced editing of body and frontmatter.

Form-Managed Metadata Demo

YAML/Markdown split: form fields above, editor below.

Hybrid Editing Demo

YAML/Markdown split with bidirectional synced editing.

2 Standalone Demos

Distraction-Free Write Demo

Distraction-free writing surface with live HTML preview.

Dynamic Typography Demo

Live typeface hotswapping for Display, Body, and Mono.

3 Base Demos

Custom Demo

Out-of-the-box demo: toggle toolbar, swap skins.

Minimal Demo

Minimalist, barebones embed example.

Quickstart Demo

Minimum code to embed Traven (from quickstart.md).

WYSIWYM Markdown editing,fully customizable