|
|
@@ -0,0 +1,32 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+<title>ACE in Action</title>
|
|
|
+<style type="text/css" media="screen">
|
|
|
+ #editor {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 50%;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ }
|
|
|
+</style>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+
|
|
|
+<div id="editor">function foo(items) {
|
|
|
+ var x = "All this is syntax highlighted";
|
|
|
+ return x;
|
|
|
+}</div>
|
|
|
+
|
|
|
+<script src="ace/build/src/ace.js" type="text/javascript" charset="utf-8"></script>
|
|
|
+<script>
|
|
|
+ var editor = ace.edit("editor");
|
|
|
+ editor.setTheme("ace/theme/eclipse");
|
|
|
+ editor.getSession().setMode("ace/mode/javascript");
|
|
|
+ editor.getSession().on('change', function() {
|
|
|
+ console.log(arguments)
|
|
|
+ });
|
|
|
+</script>
|
|
|
+</body>
|
|
|
+</html>
|
