Merge pull request #14 from github/example

muan · web-flow · commit 2a59202e8b3e · 2020-02-19T11:10:19.000-05:00
Add a demo
diff --git a/examples/index.html b/examples/index.html
@@ -0,0 +1,57 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>paste-markdown demo</title>
+  <style>
+    img, textarea { display: block; }
+    img, table, textarea { margin: 1em 0; }
+  </style>
+</head>
+<body>
+  <p>Test by selecting the elements and then either copy/paste or drag them into the textarea.</p>
+  <table border="1" cellpadding="5">
+    <thead>
+      <tr>
+        <th>name</th>
+        <th>origin</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td>hubot</td>
+        <td>github</td>
+      </tr>
+      <tr>
+        <td>bender</td>
+        <td>futurama</td>
+      </tr>
+    </tbody>
+  </table>
+
+  <table border="1" cellpadding="5" class="js-comment">
+    <thead>
+      <tr>
+        <th>name</th>
+        <th>origin</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td>this table will not be</td>
+        <td>converted to markdown</td>
+      </tr>
+    </tbody>
+  </table>
+
+  <img src="https://github.com/hubot.png" width="100" alt="hubot">
+
+  <textarea cols="50" rows="10"></textarea>
+
+  <script type="module">
+    // import subscribe from '../dist/index.esm.js'
+    import subscribe from 'https://unpkg.com/@github/paste-markdown/dist/index.esm.js'
+    subscribe(document.querySelector('textarea'))
+  </script>
+</body>
+</html>
