JSFiddle - React, Tailwind, and code Playground

by MartijnR

HTML

<div class="md">
    A [md link](http://enketo.org)
    _emphasis md_ *emphasis md*
    __strong emphasis md__ **strong emphasis md**
</div>

JavaScript

(function($){
	"use strict";
	$.fn.markdownToHTML = function() {
            var html = this.html();
            html = html.replace(/__([^\s].*[^\s])__/gm, "<strong>$1</strong>");
            html = html.replace(/\*\*([^\s].*[^\s])\*\*/gm, "<strong>$1</strong>");
            html = html.replace(/_([^\s].*[^\s])_/gm, '<em>$1</em>');
            html = html.replace(/\*([^\s].*[^\s])\*/gm, '<em>$1</em>');
        html = html.replace(/\[(.*)\]\(((https?:\/\/)(([\da-z\.\-]+)\.([a-z\.]{2,6})|(([0-9]{1,3}\.){3}[0-9]{1,3}))([\/\w \.\-]*)*\/?[\/\w \.\-\=\&\?]*)\)/gm, '<a href="$2">$1</a>');
            return html;

	};
})(jQuery);


$h = $('.md').markdownToHTML();
$('.md').empty();
$('.md').append($h);