editor.html 1.4 KB

123456789101112131415161718192021222324252627282930313233343536
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Editor</title>
  5. <link rel="stylesheet" href="../kitchen-sink/styles.css" type="text/css" media="screen" charset="utf-8">
  6. </head>
  7. <body>
  8. <div id="optionsPanel" style="position:absolute;height:100%;width:260px">
  9. <a href="http://c9.io" title="Cloud9 IDE | Your code anywhere, anytime">
  10. <img id="c9-logo" src="../kitchen-sink/logo.png" style="width: 172px;margin: -9px 30px -12px 51px;">
  11. </a>
  12. </div>
  13. <pre id="editor-container">
  14. <div style="color:black; padding: 10px">
  15. demo showing Ace usage with r.js:
  16. install r.js and almond
  17. and run `<code>r.js -o demo/r.js/build.js</code>`
  18. note that you also need ace/build/src to lazy load modes and themes
  19. require("ace/config").set("basePath", "../../build/src");
  20. require("ace/config").set("packaged", true);
  21. <div>
  22. </pre>
  23. <script src="./packed.js" data-ace-base="src" type="text/javascript" charset="utf-8"></script>
  24. <script type="text/javascript" charset="utf-8">
  25. require("ace/config").set("basePath", "../../build/src")
  26. require("ace/config").set("packaged", true)
  27. var editor = require("ace/ace").edit("editor-container");
  28. editor.session.setMode("ace/mode/javascript");
  29. // editor.session.setValue("var editor = Ace!")
  30. </script>
  31. </body>
  32. </html>