| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- <!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">
- .ace_editor {
- border: 1px solid lightgray;
- margin: auto;
- height: 200px;
- width: 80%;
- }
- .scrollmargin {
- height: 80px;
- text-align: center;
- }
- </style>
- </head>
- <body>
- <pre id="editor1">autoresizing editor</pre>
- <div class="scrollmargin"></div>
- <pre id="editor2">minHeight = 2 lines</pre>
- <div class="scrollmargin"></div>
- <pre id="editor3" style="width: 40%;"></pre>
- <div class="scrollmargin"></div>
- <pre id="editor"></pre>
- <script src="kitchen-sink/require.js"></script>
- <script>
- // setup paths
- require.config({paths: { "ace" : "../lib/ace"}});
- // load ace and extensions
- require(["ace/ace"], function(ace) {
- var editor1 = ace.edit("editor1");
- editor1.setTheme("ace/theme/tomorrow_night_eighties");
- editor1.session.setMode("ace/mode/html");
- editor1.setAutoScrollEditorIntoView(true);
- editor1.setOption("maxLines", 30);
- var editor2 = ace.edit("editor2");
- editor2.setTheme("ace/theme/tomorrow_night_blue");
- editor2.session.setMode("ace/mode/html");
- editor2.setAutoScrollEditorIntoView(true);
- editor2.setOption("maxLines", 30);
- editor2.setOption("minLines", 2);
- var editor = ace.edit("editor3");
- editor.setOptions({
- autoScrollEditorIntoView: true,
- maxLines: 8
- });
- editor.renderer.setScrollMargin(10, 10, 10, 10);
-
- var editor = ace.edit("editor");
- editor.setTheme("ace/theme/tomorrow");
- editor.session.setMode("ace/mode/html");
- editor.setAutoScrollEditorIntoView(true);
- editor.setOption("maxLines", 100);
- });
- </script>
- <script src="./show_own_source.js"></script>
- </body>
- </html>
|