Markdown Editor

About the Markdown Editor

This is a drafting surface rather than a converter. The left pane is a real code editor with soft wrapping, search, undo and Markdown syntax colouring, and the right pane repaints the rendered document as you pause. Because both halves stay on screen the whole time, it suits writing a README, a changelog entry, a pull request description or documentation where you need to see how a table or a nested list will actually break.

GitHub flavoured Markdown is the dialect, so fenced code blocks, pipe tables, strikethrough, task lists and automatic links all behave the way they will on GitHub or GitLab. The preview stylesheet mirrors those platforms closely: underlined first and second level headings, a tinted code background, bordered table cells and a quoted block with a coloured rule down its left edge. Switch the theme to dark or widen the column when you are drafting for a documentation site rather than a repository.

Single newlines are treated as soft wraps by default, matching the specification. Tick the line break option if you write in a tool such as Slack or Bear where each newline is meant to show. The status bar counts words and lines while you type, and Download saves the rendered page as a standalone HTML file with the styles inlined. To read a finished document rather than draft one, the Markdown Viewer adds a contents box and a reading estimate.

How to use

1. Start typing in the left pane, or press Sample to load a document to play with.
2. Pick a theme and column width so the preview resembles where the text will end up.
3. Copy the Markdown when you are done, or download the rendered page as HTML.