add ace editor in dev

16dd8493 · Xiaowu Zhang · f7c85346 · 16dd8493 · 16dd8493 · 16dd8493
Commit 16dd8493 authored Oct 16, 2014 by Xiaowu Zhang
5 changed files
--- a/dev/editor_ace/aceeditor.css
+++ b/dev/editor_ace/aceeditor.css
+#editor{position:absolute;top:0;bottom:0;left:0;right:0}
\ No newline at end of file
--- a/dev/editor_ace/aceeditor.js
+++ b/dev/editor_ace/aceeditor.js
+/*global ace, rJS */
+/*jslint nomen: true*/
+(function(window, rJS) {
+    "use strict";
+    var gk = rJS(window);
+    gk.declareMethod("setContent", function(value) {
+        this.editor.getSession().setValue(value);
+    }).declareMethod("getContent", function() {
+        return this.editor.getSession().getValue();
+    });
+    gk.ready(function(g) {
+        g.editor = ace.edit(g.__element.getElementsByTagName("div")[0]);
+        g.editor.setTheme("ace/theme/monokai");
+    });
+})(window, rJS, ace);
\ No newline at end of file
--- a/dev/editor_ace/index.html
+++ b/dev/editor_ace/index.html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <title>Ace Editor</title>
+  <script src="../lib/ace.js" type="text/javascript" charset="utf-8"></script>
+  <script src="../lib/rsvp.min.js" type="text/javascript"></script>
+  <script src="../lib/renderjs.min.js" type="text/javascript"></script>
+  <script src="aceeditor.js" type="text/javascript"></script>
+  <!--script src="./ace/theme-monokai.js" type="text/javascript"></script>
+  <script src="./ace/mode-javascript.js" type="text/javascript"></script>
+  <script src="./ace/worker-javascript.js" type="text/javascript"></script-->
+  <link rel="stylesheet" href="aceeditor.css" media="screen" ></link>
+</head>
+<body>
+
+<div id="editor"></div>
+    
+
+</body>
+</html>
--- a/dev/lib/ace.js
+++ b/dev/lib/ace.js
--- a/dev/lib/theme-monokai.js
+++ b/dev/lib/theme-monokai.js
+define("ace/theme/monokai",["require","exports","module","ace/lib/dom"], function(require, exports, module) {
+
+exports.isDark = true;
+exports.cssClass = "ace-monokai";
+exports.cssText = ".ace-monokai .ace_gutter {\
+background: #2F3129;\
+color: #8F908A\
+}\
+.ace-monokai .ace_print-margin {\
+width: 1px;\
+background: #555651\
+}\
+.ace-monokai {\
+background-color: #272822;\
+color: #F8F8F2\
+}\
+.ace-monokai .ace_cursor {\
+color: #F8F8F0\
+}\
+.ace-monokai .ace_marker-layer .ace_selection {\
+background: #49483E\
+}\
+.ace-monokai.ace_multiselect .ace_selection.ace_start {\
+box-shadow: 0 0 3px 0px #272822;\
+border-radius: 2px\
+}\
+.ace-monokai .ace_marker-layer .ace_step {\
+background: rgb(102, 82, 0)\
+}\
+.ace-monokai .ace_marker-layer .ace_bracket {\
+margin: -1px 0 0 -1px;\
+border: 1px solid #49483E\
+}\
+.ace-monokai .ace_marker-layer .ace_active-line {\
+background: #202020\
+}\
+.ace-monokai .ace_gutter-active-line {\
+background-color: #272727\
+}\
+.ace-monokai .ace_marker-layer .ace_selected-word {\
+border: 1px solid #49483E\
+}\
+.ace-monokai .ace_invisible {\
+color: #52524d\
+}\
+.ace-monokai .ace_entity.ace_name.ace_tag,\
+.ace-monokai .ace_keyword,\
+.ace-monokai .ace_meta.ace_tag,\
+.ace-monokai .ace_storage {\
+color: #F92672\
+}\
+.ace-monokai .ace_punctuation,\
+.ace-monokai .ace_punctuation.ace_tag {\
+color: #fff\
+}\
+.ace-monokai .ace_constant.ace_character,\
+.ace-monokai .ace_constant.ace_language,\
+.ace-monokai .ace_constant.ace_numeric,\
+.ace-monokai .ace_constant.ace_other {\
+color: #AE81FF\
+}\
+.ace-monokai .ace_invalid {\
+color: #F8F8F0;\
+background-color: #F92672\
+}\
+.ace-monokai .ace_invalid.ace_deprecated {\
+color: #F8F8F0;\
+background-color: #AE81FF\
+}\
+.ace-monokai .ace_support.ace_constant,\
+.ace-monokai .ace_support.ace_function {\
+color: #66D9EF\
+}\
+.ace-monokai .ace_fold {\
+background-color: #A6E22E;\
+border-color: #F8F8F2\
+}\
+.ace-monokai .ace_storage.ace_type,\
+.ace-monokai .ace_support.ace_class,\
+.ace-monokai .ace_support.ace_type {\
+font-style: italic;\
+color: #66D9EF\
+}\
+.ace-monokai .ace_entity.ace_name.ace_function,\
+.ace-monokai .ace_entity.ace_other,\
+.ace-monokai .ace_entity.ace_other.ace_attribute-name,\
+.ace-monokai .ace_variable {\
+color: #A6E22E\
+}\
+.ace-monokai .ace_variable.ace_parameter {\
+font-style: italic;\
+color: #FD971F\
+}\
+.ace-monokai .ace_string {\
+color: #E6DB74\
+}\
+.ace-monokai .ace_comment {\
+color: #75715E\
+}\
+.ace-monokai .ace_indent-guide {\
+background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWPQ0FD0ZXBzd/wPAAjVAoxeSgNeAAAAAElFTkSuQmCC) right repeat-y\
+}";
+
+var dom = require("../lib/dom");
+dom.importCssString(exports.cssText, exports.cssClass);
+});
\ No newline at end of file