Markdown to HTML

markdownToHtml.js

export function function markdownToHtml(markdown) {
  // Handle Links
  markdown = markdown.replace(/\[(.*?)\]\((.*?)\)/g, '<a href="$2">$1</a>');
  markdown = markdown.replace(/<([^>]+)>/gim, '<a href="$1">$1</a>');

  // Handle Headings
  markdown = markdown.replace(/^#\s(.*$)/gm, '<h1>$1</h1>');
  markdown = markdown.replace(/^##\s(.*$)/gm, '<h2>$1</h2>');
  markdown = markdown.replace(/^###\s(.*$)/gm, '<h3>$1</h3>');

  // Handle Paragraphs
  // markdown = '<p>' + markdown.replace(/\n{2,}/g, '</p><p>') + '</p>';

  // Handle Line Breaks
  markdown = markdown.replace(/  $/gm, '<br>');

  // Handle Bold, Italic, and Strike-through
  markdown = markdown.replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>');
  markdown = markdown.replace(/__(.*?)__/g, '<strong>$1</strong>');
  markdown = markdown.replace(/\*(.*?)\*/g, '<em>$1</em>');
  markdown = markdown.replace(/_(.*?)_/g, '<em>$1</em>');
  markdown = markdown.replace(/~~(.*?)~~/g, '<del>$1</del>');

  // Handle Images
  markdown = markdown.replace(/!\[(.*?)\]\((.*?)\)/g, '<img src="$2" alt="$1">');

  // Handle Code Blocks
  markdown = markdown.replace(/```(\w+)?([\s\S]*?)```/g, '<pre><code class="langugage-$1">$2</code></pre>');

  // Handle Inline Code
  markdown = markdown.replace(/`(.*?)`/g, '<code>$1</code>');

  // Handle lists
  markdown = markdown.replace(/^\* (.*$)/gm, '<li>$1</li>');
  markdown = markdown.replace(/^- (.*$)/gm, '<li>$1</li>');

  return markdown;
}