Most Featureful Markdown Parser

My favorite implementation is Markdown Preview Enhanced, to be exact, @shd101wyy/mume, but I want a little more features...

Another one that I love, is Discourse's (forum).

Not only HTML, but also CSS (preprocessor) and JS enabled

I know there are security concerns, but you write your own text; so why care?

<style>
h2 {
  color: red;
}
</style>

<script>
alert('hello')
</script>

Isolated CSS styling, and reusable components

With the power of Shadow DOM, CSS is not penetrated to the outside. (But JavaScript still do.)

It is used in WebComponents, and I made one too.

Web enabled, with server-side enhancements

I made an online playground, here. It is made from pasting bare URL - https://github.com/patarapolw/make-html.

patarapolw / make-html

Make HTML from Markdown or Hyperpug

However, when it is online, you need to care about security. (And avoid XSS injection, for example.)

Live editor

If you have slow-to-render components, or reactive with JavaScript; like IFrame; you can prevent flickering with incremental DOM.

How to prevent flickering in Live Markdown Editor

Pacharapol Withayasakpunt ・ Mar 12 '20 ・ 1 min read

#webdev #javascript #incrementaldom

You can save as PDF

See this post.

Markdown to PDF: missing pieces from various approaches, and beyond HTML

Pacharapol Withayasakpunt ・ Nov 4 '20 ・ 2 min read

#pdf #markdown #latex #vscode