markdown-it-attrs

Demo of markdown-it-attrs.

by Arve Seljebu

HTML

<script src="https://wzrd.in/standalone/markdown-it@latest"></script>
<script src="https://wzrd.in/standalone/markdown-it-attrs@latest"></script>
<pre id="root">
</pre>

Babel + JSX

const md = markdownIt();

md.use(markdownItAttrs);

const src = `# header {.green #id}
some text {with=attrs and="attrs with space"}`;

// render
let res = md.render(src);

// pretty print
res = res.replace(/\>\n/g, '>\n\n');
res = res.replace(/\>\</g, '>\n<');
res = res.replace(/\</g, '&lt;');
res = res.replace(/\>/g, '&gt;');

// print to viewing window
document.getElementById("root").innerHTML = res;