index.html 820 B

123456789101112131415161718192021222324
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
  5. <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
  6. <script src='index.js'></script>
  7. </head>
  8. <body>
  9. <textarea id='md' style='height: 700px; width: 100%;'>
  10. </textarea>
  11. <button id='update'>update</button>
  12. <div id='reactMD'>
  13. </div>
  14. <script>
  15. md.value = localStorage.md || '# markdown here\n'
  16. update.onclick = () => {
  17. localStorage.md = md.value
  18. const ast = buildAST(md.value)
  19. console.log(ast)
  20. ReactDOM.render(toReact(ast, React), reactMD)
  21. }
  22. </script>
  23. </body>
  24. </html>