website: add public/bundle.html

jaywcjlove · jaywcjlove · commit 1ff20e619f1c · 2022-02-28T15:01:11.000+08:00
diff --git a/public/bundle.html b/public/bundle.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <script src="https://unpkg.com/@babel/standalone@7.17.5/babel.min.js" crossorigin></script>
+    <script src="https://unpkg.com/react@17.x/umd/react.development.js" crossorigin></script>
+    <script src="https://unpkg.com/react-dom@17.x/umd/react-dom.development.js" crossorigin></script>
+    <script src="https://unpkg.com/@uiw/codepen-require-polyfill/index.js" crossorigin></script>
+    <link rel="stylesheet" href="https://unpkg.com/@uiw/react-markdown-preview/dist/markdown.css">
+  </head>
+  <body>
+    <div id="container" style="padding: 24px"></div>
+    <script src="https://unpkg.com/@uiw/react-markdown-preview/dist/markdown.min.js"></script>
+    <script type="text/babel">
+      import MarkdownPreview from '@uiw/react-markdown-preview';
+
+      const source = `## MarkdownPreview \n\n> todo: React component preview markdown text. `;
+      function Demo() {
+        return (
+          <MarkdownPreview source={source} />
+        );
+      }
+
+      ReactDOM.render(<Demo />, document.getElementById('container'));
+    </script>
+  </body>
+</html>
