update styling and clean up demos

2013-04-14 21:20:54 +04:00 · 2013-04-14 21:20:54 +04:00 · 63551228ee
commit 63551228ee
parent 5894667b41
20 changed files with 235 additions and 212 deletions
--- a/demo/keyboard_shortcuts.html
+++ b/demo/keyboard_shortcuts.html
@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <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>
+
+<pre id="editor"></pre>
+    
+<script src="../build/src-noconflict/ace.js"></script>
+<script>
+    var editor = ace.edit("editor")
+    editor.setTheme("ace/theme/twilight")
+    editor.session.setMode("ace/mode/html")
+    
+    // add command to lazy-load keybinding_menu extension
+    editor.commands.addCommand({
+        name: "showKeyboardShortcuts",
+        bindKey: {win: "Ctrl-Alt-h", mac: "Command-Alt-h"},
+        exec: function(editor) {
+            config.loadModule("ace/ext/keybinding_menu", function(module) {
+                module.init(editor);
+                editor.showKeyboardShortcuts()
+            })
+        }
+    })
+</script>
+
+<script src="./demo_helper.js"></script>
+</body>
+</html>