diff options
Diffstat (limited to 'media/CodeMirror-0.62/jstest.html')
-rw-r--r-- | media/CodeMirror-0.62/jstest.html | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/media/CodeMirror-0.62/jstest.html b/media/CodeMirror-0.62/jstest.html new file mode 100644 index 0000000..13879a7 --- /dev/null +++ b/media/CodeMirror-0.62/jstest.html @@ -0,0 +1,56 @@ +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <script src="js/codemirror.js" type="text/javascript"></script> + <script src="js/mirrorframe.js" type="text/javascript"></script> + <title>CodeMirror: JavaScript demonstration</title> + <link rel="stylesheet" type="text/css" href="css/docs.css"/> + </head> + <body style="padding: 20px;"> + +<p>This page demonstrates <a href="index.html">CodeMirror</a>'s +JavaScript parser. Note that the ugly buttons at the top are not are +not part of CodeMirror proper -- they demonstrate the way it can be +embedded in a web-application.</p> + +<div class="border"> +<textarea id="code" cols="120" rows="30"> +// Here you see some JavaScript code. Mess around with it to get +// acquainted with CodeMirror's features. + +// Press enter inside the object and your new line will be suitably +// indented. +var keyBindings = { + enter: "newline-and-indent", + tab: "reindent-selection", + ctrl_z: "undo", + ctrl_y: "redo", + ctrl_backspace: "undo-for-safari (which blocks ctrl-z)", + ctrl-bracket: "highlight-brackets", + ctrl-shift-bracket: "jump-to-matching-bracket" +}; + +// Press tab on the next line and the wrong indentation will be fixed. + var regex = /foo|bar/i; + +function example(x) { + // Local variables get a different colour than global ones. + var y = 44.4; + return x + y - z; +} +</textarea> +</div> + +<script type="text/javascript"> + var textarea = document.getElementById('code'); + var editor = new MirrorFrame(CodeMirror.replace(textarea), { + height: "350px", + content: textarea.value, + parserfile: ["tokenizejavascript.js", "parsejavascript.js"], + stylesheet: "css/jscolors.css", + path: "js/", + autoMatchParens: true + }); +</script> + + </body> +</html> |