Inline-md NPM | npm.io

inline-md

npm bundle size NPM

<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