1 changed files with 22 additions and 12 deletions
Unified View
Diff Options
-
+22 -12ace/index.html
+ 22
- 12
ace/index.html
View File
| @@ -1,29 +1,39 @@ | |||||
| <!DOCTYPE html> | <!DOCTYPE html> | ||||
| <html lang="en"> | <html lang="en"> | ||||
| <head> | <head> | ||||
| <title>ACE in Action</title> | |||||
| <style type="text/css" media="screen"> | |||||
| #editor { | |||||
| <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; | position: absolute; | ||||
| top: 0; | top: 0; | ||||
| right: 0; | |||||
| bottom: 0; | bottom: 0; | ||||
| left: 0; | left: 0; | ||||
| right: 0; | |||||
| } | } | ||||
| </style> | |||||
| </style> | |||||
| </head> | </head> | ||||
| <body> | <body> | ||||
| <div id="editor">function foo(items) { | |||||
| var x = "All this is syntax highlighted"; | |||||
| return x; | |||||
| }</div> | |||||
| <script src="/ace-builds/src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script> | |||||
| <pre id="editor">function foo(items) { | |||||
| var i; | |||||
| for (i = 0; i < items.length; i++) { | |||||
| alert("Ace Rocks " + items[i]); | |||||
| } | |||||
| }</pre> | |||||
| <script src="src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script> | |||||
| <script> | <script> | ||||
| var editor = ace.edit("editor"); | var editor = ace.edit("editor"); | ||||
| editor.setTheme("ace/theme/monokai"); | |||||
| editor.setTheme("ace/theme/twilight"); | |||||
| editor.session.setMode("ace/mode/javascript"); | editor.session.setMode("ace/mode/javascript"); | ||||
| </script> | </script> | ||||
| </body> | </body> | ||||
| </html> | </html> | ||||