Fix #21 add ace editor

tanabe · Oct 23, 2020 · fef42ab · fef42ab
1 parent daf9838
commit fef42ab
Show file tree

Hide file tree

Showing 421 changed files with 3,309 additions and 32 deletions.
diff --git a/.gitmodules b/.gitmodules
@@ -1,3 +1,6 @@
 [submodule "github-markdown-css"]
 	path = github-markdown-css
 	url = https://github.com/sindresorhus/github-markdown-css.git
+[submodule "ace-builds"]
+	path = ace-builds
+	url = https://github.com/ajaxorg/ace-builds.git
diff --git a/ace-builds b/ace-builds
diff --git a/public/css/style.css b/public/css/style.css
@@ -49,7 +49,7 @@ img {
   min-height: 100%;
   height: auto !important;
   height: 100%;
-  width: 960px;
+  width: 1100px;
   padding: 20px;
   margin: 0 auto;
   background-color: #fff;
@@ -63,7 +63,7 @@ img {
 #content .mode {
   border: 1px solid #ddd;
   border-radius: 3px;
-  width: 465px;
+  width: 535px;
   display: inline-block;
   vertical-align: top;
 }
@@ -98,7 +98,10 @@ textarea#markdown {
   resize: vertical;
   outline: none;
 }
-
+
+#editor {
+  width: 100%;
+} 
 
 #footer {
   clear: both;

diff --git a/public/index.html b/public/index.html
@@ -15,6 +15,7 @@
     <script type="text/javascript" src="js/jquery.autosize-min.js"></script>
     <script type="text/javascript" src="js/marked.min.js"></script>
     <script type="text/javascript" src="js/purify.min.js"></script>
+    <script type="text/javascript" src="js/ace/ace.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
 
     <title>Markdown Live Preview</title>
@@ -30,8 +31,8 @@ <h1><a href="/">Markdown Live Preview</a></h1>
 
         <div id="edit" class="mode">
           <div class="content">
-            <textarea id="markdown">
-# Markdown syntax guide
+
+            <div id="editor"># Markdown syntax guide
 
 ## Headers
 
@@ -63,8 +64,8 @@ <h1><a href="/">Markdown Live Preview</a></h1>
 1. Item 1
 1. Item 2
 1. Item 3
-   1. Item 3a
-   1. Item 3b
+    1. Item 3a
+    1. Item 3b
 
 ## Images
 
@@ -97,7 +98,7 @@ <h1><a href="/">Markdown Live Preview</a></h1>
 
 ## Inline code
 
-This web site is using `markedjs/marked`.</textarea>
+This web site is using `markedjs/marked`.</div>
           </div>
         </div>
 

diff --git a/public/js/ace/ace.js b/public/js/ace/ace.js
diff --git a/public/js/ace/ext-beautify.js b/public/js/ace/ext-beautify.js
diff --git a/public/js/ace/ext-code_lens.js b/public/js/ace/ext-code_lens.js
diff --git a/public/js/ace/ext-elastic_tabstops_lite.js b/public/js/ace/ext-elastic_tabstops_lite.js
diff --git a/public/js/ace/ext-emmet.js b/public/js/ace/ext-emmet.js
diff --git a/public/js/ace/ext-error_marker.js b/public/js/ace/ext-error_marker.js
@@ -0,0 +1,8 @@
+;                (function() {
+                    window.require(["ace/ext/error_marker"], function(m) {
+                        if (typeof module == "object" && typeof exports == "object" && module) {
+                            module.exports = m;
+                        }
+                    });
+                })();
+
diff --git a/public/js/ace/ext-keybinding_menu.js b/public/js/ace/ext-keybinding_menu.js
diff --git a/public/js/ace/ext-language_tools.js b/public/js/ace/ext-language_tools.js
diff --git a/public/js/ace/ext-linking.js b/public/js/ace/ext-linking.js