From bab250f280de7f44e7004d1ea90a56e8dbaea534 Mon Sep 17 00:00:00 2001
From: jaywcjlove <398188662@qq.com>
Date: Mon, 28 Feb 2022 09:56:33 +0800
Subject: [PATCH] website: add public/bundle.html

---
 public/bundle.html | 41 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 public/bundle.html
diff --git a/public/bundle.html b/public/bundle.html
new file mode 100644
index 00000000..28278f0c
--- /dev/null
+++ b/public/bundle.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <script src="https://unpkg.com/@babel/standalone@7.17.x/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-textarea-code-editor/dist/editor.css">
+  </head>
+  <body>
+    <a href="https://uiwjs.github.io/react-textarea-code-editor">@uiw/react-textarea-code-editor</a>
+    <div id="container" style="padding: 24px"></div>
+    <script src="https://unpkg.com/@uiw/react-textarea-code-editor/dist/editor.min.js"></script>
+    <script type="text/babel">
+      import CodeEditor from '@uiw/react-textarea-code-editor';
+      const Demo = () => {
+        const [code, setCode] = React.useState(
+          `function add(a, b) {\n  return a + b;\n}`
+        );
+        return (
+          <React.Fragment>
+            <CodeEditor
+              value={code}
+              language="js"
+              placeholder="Please enter JS code."
+              // onChange={(evn) => setCode(evn.target.value)}
+              padding={15}
+              style={{
+                fontSize: 12,
+                backgroundColor: "#f5f5f5",
+                fontFamily: 'ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace',
+              }}
+            />
+          </React.Fragment>
+        );
+      }
+      ReactDOM.render(<Demo />, document.getElementById('container'));
+    </script>
+  </body>
+</html>
\ No newline at end of file
