Realm by Rook
AI product engineeringProduct designAI implementationWorkflow automationSystems integrationDomain strategyAI product engineeringProduct designAI implementationWorkflow automationSystems integrationDomain strategy
Developer & Technical Tools

Markdown ↔ HTML Converter

Bidirectional Markdown ↔ HTML with live preview

Hello, Realm

A MarkdownHTML converter with live preview.

Features

  • ATX headings, bold / italic / strike
  • Ordered & unordered lists
  • inline code and fenced blocks
  • Links and images
  • GFM tables
console.log("It works.");
Column AColumn B
cell 1cell 2
cell 3cell 4

"Everything should be made as simple as possible, but no simpler." — Einstein

<h1>Hello, Realm</h1>
<p>A <strong>Markdown</strong> ↔ <em>HTML</em> converter with live preview.</p>
<h2>Features</h2>
<ul><li>ATX headings, bold / italic / strike</li><li>Ordered &amp; unordered lists</li><li><code>inline code</code> and fenced blocks</li><li>Links and images</li><li>GFM tables</li></ul>
<pre><code class="language-javascript">console.log(&quot;It works.&quot;);</code></pre>
<table><thead><tr><th align="left">Column A</th><th align="left">Column B</th></tr></thead><tbody><tr><td align="left">cell 1</td><td align="left">cell 2</td></tr><tr><td align="left">cell 3</td><td align="left">cell 4</td></tr></tbody></table>
<blockquote><p>&quot;Everything should be made as simple as possible, but no simpler.&quot; — Einstein</p></blockquote>

How to use

  1. Pick Markdown → HTML or HTML → Markdown
  2. Paste your source on the left
  3. See live preview on the right
  4. Copy or download the converted output

Use cases

  • Blog writing
  • README prep
  • CMS migration
  • Email drafting

About the Markdown ↔ HTML Converter

Markdown is the lingua franca of documentation; HTML is the lingua franca of the web. This tool bridges them both ways with a live preview, so you can see changes as you type. Great for writers who draft in Markdown and need publication-ready HTML, and developers migrating legacy HTML content back to Markdown.

Features

  • Bidirectional conversion with live preview
  • ATX headings, bold / italic / strikethrough, inline code
  • Fenced code blocks with language hints
  • Ordered + unordered lists (nested)
  • Links, images, blockquotes, horizontal rules
  • GitHub-flavored Markdown tables
  • Download as .html or .md
  • Pipe output back into reverse direction for round-trip testing

How it works

  1. Pick Markdown → HTML or HTML → Markdown.
  2. Paste your source on the left.
  3. See the converted output with live preview on the right.
  4. Copy to clipboard or download as a file.

Frequently asked questions

Does it support all of CommonMark?

+

It covers the most-used ~95% of CommonMark and GFM — headings, emphasis, lists, links, images, code, blockquotes, tables. It doesn't support reference-style links, setext headings, or CommonMark's exotic edge cases.

Can I convert HTML with classes and IDs?

+

The HTML → Markdown path strips classes, IDs, and inline styles because Markdown has no way to express them. If you need to preserve attributes, keep your content in HTML.

Does it render unsafe HTML?

+

The live preview renders the generated HTML verbatim — including scripts if you write them as raw HTML blocks. For content from untrusted sources, sanitize before rendering.

Is the output CommonMark or GFM?

+

GFM-flavored: tables and strikethrough are included. If you need strict CommonMark, avoid those features in your input.

Can I use it for Notion / Confluence import?

+

Yes — export from those platforms as HTML, paste here, convert to Markdown, and import into any Markdown-supporting CMS.