inline-md
<html>
<head>
<script src="https://unpkg.com/inline-md@latest/dist/index.js"></script>
<script src="https://unpkg.com/inline-md@latest/dist/webcomponent.js"></script>
</head>
<body>
<div data-markdown>
# Hello World
The content of this element will be converted from markdown
to html when the page loads
</div>
<markdown-text>
# Hello Web Component
The `markdown-text` webcomponent works too
</markdown-text>
</body>
<html>Possible Issues
- Both scripts immediately parse the DOM and are meant to be used standalone without additional JS. Pull Request welcome to refactor the code to export side-effect-free versions.
- Code is written with ES2015+ syntax that may not work without polyfills in older browsers like IE11
Alternatives
License
MIT