test/grammar-js-recursion.html

<!doctype html>
<html>
    <head>
        
        <meta charset="utf-8">
        
        <link rel="stylesheet" href="codemirror/codemirror.css">
        <link rel="stylesheet" href="codemirror/addon/lint/lint.css">
        <link rel="stylesheet" href="codemirror/addon/hint/show-hint.css">
        <link rel="stylesheet" href="codemirror/addon/fold/foldgutter.css" />
        <style type="text/css">
            body {
                position: relative;
            }

            .CodeMirror {
                margin: 0;
                position: relative;
                width: 100%;
                height: 100%;
                min-width:500px;
                min-height:500px;
            }
        </style>
        
        <script src="codemirror/codemirror.js"></script>
        <script src="codemirror/addon/comment/comment.js"></script>
        <script src="codemirror/addon/lint/lint.js"></script>
        <script src="codemirror/addon/hint/show-hint.js"></script>
        <script src="codemirror/addon/fold/foldcode.js"></script>
        <script src="codemirror/addon/fold/foldgutter.js"></script>
        <!--<script src="codemirror/addon/fold/brace-fold.js"></script>
        <script src="codemirror/addon/fold/comment-fold.js"></script>-->
        <script src="../build/codemirror_grammar.js"></script>
        <script src="grammars/javascript-recursion.js"></script>
        <script src="demo.js"></script>
        
        <title>CodeMirror: Dynamic JavaScript Recursive Grammar Demo</title>
    </head>
    <body>
        
        <h3>CodeMirror (v.<span id="editor-version">0</span>) Grammar (v.<span id="grammar-version">0</span>): Dynamic JavaScript Recursive Grammar</h3>

<textarea id="code" name="code">/* highlight nested code correctly with recursive grammar */
var obj = { 
    foo: [
        1, 2, 3, 
        {
            /* while comments can be validly interleaved anywhere */
            "foo3": { 
                foo4: { 
                    "foo5": {}, 
                    foo5: 123, 
                    foo6: {}
                },
                foo5: 123
            } 
        } 
    ]
};</textarea>
        <p></p>

        <script>
        // <![CDATA[
        codemirror_grammar_demo(document.getElementById("code"), [
            {language : "javascript", grammar : js_grammar}
        ]);
        // ]]>
        </script>
    </body>
</html>