How to Convert Markdown to HTML in JavaScript

Published April 2025 · 4 min read

Method 1: marked.js (Most Popular)

// Browser
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
<script>
  const html = marked.parse('# Hello **World**');
</script>

// Node.js
const { marked } = require('marked');
const html = marked.parse('# Hello **World**');

Method 2: markdown-it

const md = require('markdown-it')();
const html = md.render('# Hello **World**');

Method 3: Simple Regex (Basic)

function simpleMarkdown(text) {
  return text
    .replace(/^### (.+)/gm, '<h3>$1</h3>')
    .replace(/^## (.+)/gm, '<h2>$1</h2>')
    .replace(/^# (.+)/gm, '<h1>$1</h1>')
    .replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>')
    .replace(/\*(.+?)\*/g, '<em>$1</em>')
    .replace(/\n/g, '<br>');
}

Try It Live

Use our Markdown Preview to write and preview Markdown instantly.

Related