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
You can save as PDF
See this post.
Top comments (0)