JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://yandex.st/highlightjs/7.3/styles/default.min.css">
<script src="http://yandex.st/highlightjs/7.3/highlight.min.js"></script>
<script src="https://rawgit.com/chjj/marked/master/lib/marked.js"></script>
<div id="output"></div>
<script id="test" type="text/markdown">
# Markdown test
Some random test markdown. *Italics.*
```javascript
function foo() {
var bar = "baz";
return {
test: true
};
}
```
More text.
</script>
JavaScript
marked.setOptions({
highlight: function(code) {
return hljs.highlightAuto(code).value;
}
});
var out = document.getElementById('output'),
mdown = document.getElementById('test');
out.innerHTML = marked(mdown.textContent);