Development · text and markupMarkdown HTML

Markup on the left, the finished page on the right. Switch to code and take clean HTML: a fragment for your CMS or a standalone file with styles inlined.

Parsing runs in your browser — the text is never sent to a server
01Editor02Export03Syntax04Questions05Related
01

Editor

hover a line — its counterpart lights up in the other pane
Layout
Markdown
Characters845
Words154
Headings5
Code blocks1
1.6 KB · fragment

Quarterly report

A short document showing every basic construct: italic, code, strikethrough and a link to the tools.

What we did

  • moved the catalogue to the new template
  • added three text tools
    • case converter
    • typographer
  • fixed the CSV export

Plan for the month

  1. Markdown → HTML
  2. Syntax highlighting
  3. Import from Notion
  • collect the requirements
  • build the page

Markup has to stay readable without any software at all. That is the main rule of Markdown.

Table

ToolRunsShare
Typographer12,40031 %
Case8,90022 %
QR codes5,10013 %

Code

const html = md.render(source);
document.body.innerHTML = html;

Details are on the diagram and in the email.

480 px
02

Export

what lands in the clipboard and in the downloaded file
03

Syntax

click a row — it is appended to the editor
04

Frequently asked questions

Paste your markup into the left pane and the result appears on the right immediately — there is no «Convert» button. Then pick what to take away: «Preview» shows the rendered page, «HTML» shows the code itself, «Contents» lists every heading with its anchor. One button copies the result, the other downloads it as a file. Everything runs in the browser.

Updated

«» added to favorites