feature: 重新配置了开发环境

- 添加umd安装方式，可以直接用cdn方式引入 - 修复es6 module方式引入的bug
siaikin · Oct 20, 2019 · c7b7005 · c7b7005
1 parent 3402957
commit c7b7005
Show file tree

Hide file tree

Showing 17 changed files with 565 additions and 447 deletions.
diff --git a/demo.js → demo/demo.js b/demo.js → demo/demo.js
@@ -1,12 +1,6 @@
-import {MdReverse} from './src/index';
-// var MR = require('md-reverse');
-// css file
-import './styles.css';
-import {TablePlugin} from "./src/lib/plugins/table";
-
 const mdReserve = new MdReverse();
 
-mdReserve.use(new TablePlugin());
+mdReserve.use(new MdReverse.TablePlugin());
 const htmlArea  = document.getElementById('html-area');
 const mdArea    = document.getElementById('markdown-area');
 

diff --git a/demo/index.html b/demo/index.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <link rel="stylesheet" href="https://unpkg.com/spectre.css/dist/spectre.min.css">
+    <link rel="stylesheet" href="./styles.css">
+    <title>MdReverse</title>
+</head>
+<body>
+<a href="https://github.com/siaikin/mdReverse">
+    <img width="149" height="149" style="position: absolute;top: 0;right: 0;z-index: 1;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_darkblue_121621.png?resize=149%2C149" alt="Fork me on GitHub" data-recalc-dims="1">
+</a>
+<!--<div id="toolbar-container" class="columns col-gapless">-->
+<!--<div class="column col-2"></div>-->
+<!--<div class="column col-10"></div>-->
+<!--</div>-->
+<div id="main-container" class="columns col-gapless">
+    <div class="column col-6 p-2">
+        <div class="form-group">
+            <label class="form-label" for="html-area">HTML Text</label>
+            <textarea class="form-input" id="html-area" placeholder="Input HTML Text" spellcheck="false"></textarea>
+        </div>
+    </div>
+    <div class="column col-6 p-2">
+        <div class="form-group">
+            <label class="form-label" for="markdown-area">Markdown Text</label>
+            <textarea class="form-input" id="markdown-area" placeholder="Output Markdown Text" spellcheck="false" readonly></textarea>
+        </div>
+    </div>
+</div>
+<script src="../dist/md-reverse.demo.js" type="application/javascript"></script>
+<script src="./demo.js" type="application/javascript"></script>
+</body>
+
+
+</html>
diff --git a/styles.css → demo/styles.css b/styles.css → demo/styles.css
@@ -1,5 +1,3 @@
-@import "~spectre.css/dist/spectre.min.css";
-
 body {
     margin: 0;
     padding: 0;

diff --git a/dist/demo.js b/dist/demo.js
diff --git a/dist/index.html b/dist/index.html
diff --git a/dist/md-reserve.js b/dist/md-reserve.js
diff --git a/dist/md-reverse.browser.js b/dist/md-reverse.browser.js
diff --git a/dist/md-reverse.browser.min.js b/dist/md-reverse.browser.min.js