Участник:Володя Шишкин/html

Материал из Абсурдопедии
Перейти к навигацииПерейти к поиску

<html xmlns="http://www.w3.org/1999/xhtml">

   <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"/>
 <body style="padding: 20px;">

This page demonstrates <a hr/ef="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.

<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_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>

<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