My wanted Markdown features

• Markdown-it extended with HyperPug
• CSS is allowed (inside <style></style> tags, scoped-by-default via scope-css)
• Emoji, Image resize, and more

Also, the editor will auto-create images and x-card on clipboard paste (i.e. Ctrl+V).

To use x-card webcomponent, simply include

<script src="https://unpkg.com/@patarapolw/make-html-x-card"></script>

To support old browsers, you might also need @webcomponents/webcomponentsjs

<script src="https://unpkg.com/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
<script type="module" src="https://unpkg.com/@patarapolw/make-html-x-card"></script>