DEV Community

loading...

Most Featureful Markdown Parser

patarapolw profile image Pacharapol Withayasakpunt Originally published at polv.cc ・1 min read

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>
Enter fullscreen mode Exit fullscreen mode
<script>
alert('hello')
</script>
Enter fullscreen mode Exit fullscreen mode

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.

GitHub logo 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.

You can save as PDF

See this post.

Discussion (0)

pic
Editor guide