From 1787ae5f4e9f9a34365c3c714f9558b22d8913ce Mon Sep 17 00:00:00 2001
From: KaiSD <kai.saerthen.darker@gmail.com>
Date: Tue, 3 Sep 2019 22:56:12 +0300
Subject: [PATCH] reverted toolbar

---
 ace/index.html | 155 ++++++++++++++-----------------------------------
 1 file changed, 45 insertions(+), 110 deletions(-)
diff --git a/ace/index.html b/ace/index.html
index 334fed6..df11c32 100644
--- a/ace/index.html
+++ b/ace/index.html
@@ -1,119 +1,54 @@
 <!DOCTYPE html>
 <html lang="en">
-
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="HandheldFriendly" content="True" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-    <title>Editor</title>
-    <style type="text/css" media="screen">
-        .ace_editor,
-        .toolbar {
-            border: 1px solid lightgray;
-            margin: auto;
-            width: 80%;
-        }
-        
-        .ace_editor {
-            height: 200px;
-        }
-    </style>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+  <meta name="HandheldFriendly" content="True" />
+  <title>Editor</title>
+  <style type="text/css" media="screen">
+    body {
+        overflow: hidden;
+    }
+
+    #editor {
+        margin: 0;
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
+    }
+  </style>
 </head>
-
 <body>
 
-    <script src="require.js"></script>
-    <script>
-        // setup paths
-        require.config({
-            paths: {
-                "ace": "src-min-noconflict"
-            }
-        });
-        // load ace and extensions
-        require(["ace/ace", "ace/ext-language_tools"], function(ace) {
-            //var buildDom = require("ace/lib/dom").buildDom;
-            var editor = ace.edit();
-            editor.setOptions({
-                theme: "ace/theme/twilight",
-                showPrintMargin: false,
-                wrap: true,
-                indentedSoftWrap: true,
-                showFoldWidgets: false,
-                showLineNumbers: true,
-                showGutter: false,
-                autoScrollEditorIntoView: true
-            });
-            var refs = {};
-
-            function updateToolbar() {
-                refs.undoButton.disabled = !editor.session.getUndoManager().hasUndo();
-                refs.redoButton.disabled = !editor.session.getUndoManager().hasRedo();
-            }
-            editor.on("input", updateToolbar);
-
-            if (localStorage.getItem("acetest") !== null) {
-                editor.setValue(localStorage.getItem("acetest"));
-                editor.clearSelection();
-            }
-
-            editor.getSession().on('change', function () {
-                localStorage.setItem("acetest", editor.getSession().getValue());
-            });
-
-            function save() {
-                alert("not yet implemented");
-            }
-            editor.commands.addCommand({
-                name: "save",
-                exec: save,
-                bindKey: {
-                    win: "ctrl-s",
-                    mac: "cmd-s"
-                }
-            });
-
-            buildDom(["div", {
-                    class: "toolbar"
-                },
-                ["button", {
-                    ref: "saveButton",
-                    onclick: save
-                }, "save"],
-                ["button", {
-                    ref: "undoButton",
-                    onclick: function() {
-                        editor.undo();
-                    }
-                }, "undo"],
-                ["button", {
-                    ref: "redoButton",
-                    onclick: function() {
-                        editor.redo();
-                    }
-                }, "redo"],
-                ["button", {
-                    style: "font-weight: bold",
-                    onclick: function() {
-                        editor.insertSnippet("**${1:$SELECTION}**");
-                        editor.renderer.scrollCursorIntoView()
-                    }
-                }, "bold"],
-                ["button", {
-                    style: "font-style: italic",
-                    onclick: function() {
-                        editor.insertSnippet("*${1:$SELECTION}*");
-                        editor.renderer.scrollCursorIntoView()
-                    }
-                }, "Italic"],
-            ], document.body, refs);
-            document.body.appendChild(editor.container)
-
-            window.editor = editor;
-        });
-    </script>
+<pre id="editor"></pre>
+
+<script src="src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script>
+<script>
+    var editor = ace.edit("editor");
+    editor.setOptions({
+      mode: "ace/mode/markdown",
+      theme: "ace/theme/twilight",
+      showPrintMargin: false,
+      wrap: true,
+      indentedSoftWrap: true,
+      showFoldWidgets: false,
+      showLineNumbers: true,
+      showGutter: false,
+      autoScrollEditorIntoView: true
+    })
+    
+    if (localStorage.getItem("acetest") !== null) {
+      editor.setValue(localStorage.getItem("acetest"));
+      editor.clearSelection();
+    }
+    
+    editor.getSession().on('change', function () {
+       localStorage.setItem("acetest", editor.getSession().getValue());
+   	});
+</script>
 
 </body>
-
 </html>
\ No newline at end of file
