simple.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Simpliest MarkdownIME editor</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="./simple.css">
</head>

<body>
  <div contenteditable="true" id="editor">
    <p>Input Text Here</p>
    <p>[Link <b>may contains</b> other DOM Nodes](https://laobubu.net)</p>
    <p>Test link: [abc](https://laobubu.net)← press space key here</p>
    <p>Try image: ![](https://picsum.photos/458/354?random)</p>
  </div>

  <script src="../dist/MarkdownIME.js"></script>
  <script>
    MarkdownIME.Bookmarklet() // a lazy way to activate MarkdownIME
  </script>
</body>

</html>