Skip to main content

    Markdown Editor

    Write and preview Markdown in real-time. Features formatting toolbar, scroll sync, auto-save, and file import/export.

    182 words · 1097 characters · 41 linesAuto-saved 9:45:06 PM

    Welcome to the Markdown Editor

    Getting Started

    This is a powerful Markdown editor with live preview and formatting tools.

    Features

    • Toolbar: Click buttons to insert Markdown formatting
    • Keyboard Shortcuts: Use Ctrl/Cmd + B for bold, Ctrl/Cmd + I for italic
    • Live Preview: See your formatted content instantly
    • Scroll Sync: Editor and preview scroll together
    • Auto-Save: Your work is saved locally in your browser
    • Import/Export: Open .md files and download your work

    Try It Out

    1. Select some text and click Bold or press Ctrl+B
    2. Click the link icon to insert a hyperlink
    3. Use the table button to create a table
    // Code blocks are supported too!
    function hello(name) {
      return `Hello, ${name}!`;
    }
    
    Feature Status
    Live Preview
    Toolbar
    Scroll Sync
    Auto-Save

    "The best way to predict the future is to create it." — Abraham Lincoln


    Learn Markdown Syntax | GitHub Flavored Markdown

    Editor Features

    • 1.Formatting Toolbar - Click buttons to insert Markdown formatting without memorizing syntax. Headers, bold, italic, lists, and more.
    • 2.Live Preview - See your formatted document update in real-time as you type. No waiting or manual refresh needed.
    • 3.Scroll Sync - Editor and preview stay aligned for easy editing of long documents. Toggle on/off as needed.
    • 4.Auto-Save - Never lose your work—content saves automatically to your browser's local storage every second.
    • 5.Keyboard Shortcuts - Ctrl+B for bold, Ctrl+I for italic, Ctrl+K for links. Work faster without leaving the keyboard.
    • 6.Import & Export - Open .md files from your computer and download as Markdown or styled HTML.

    Perfect For

    📚GitHub README Files

    Write and preview README.md files before committing to your repository. See exactly how your documentation will render on GitHub.

    📖Technical Documentation

    Create docs for MkDocs, Docusaurus, GitBook, or any Markdown-based documentation system.

    ✍️Blog Posts

    Draft content for Jekyll, Hugo, Gatsby, Next.js, or any static site generator that uses Markdown.

    📝Notes & Planning

    Write formatted notes compatible with Obsidian, Notion, Joplin, or any Markdown-based note-taking app.

    Markdown Syntax Reference

    Text Formatting

    **bold text** → bold text
    *italic text* → italic text
    ~~strikethrough~~ → strikethrough
    `inline code` → inline code

    Structure

    # Heading 1
    ## Heading 2
    - Bullet list item
    1. Numbered list item
    > Blockquote

    Links & Images

    [Link text](https://url.com)
    ![Alt text](image.jpg)

    Keyboard Shortcuts

    Ctrl+B Bold
    Ctrl+I Italic
    Ctrl+K Link
    Ctrl+` Code

    Frequently Asked Questions

    🧰

    Related Tools