--- /dev/null
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>CodeMirror: Jinja2 mode</title>
+ <link rel="stylesheet" href="../../lib/codemirror.css">
+ <script src="../../lib/codemirror.js"></script>
+ <script src="jinja2.js"></script>
+ <style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+ <link rel="stylesheet" href="../../doc/docs.css">
+ </head>
+ <body>
+ <h1>CodeMirror: Jinja2 mode</h1>
+ <form><textarea id="code" name="code">
+<html style="color: green">
+ <!-- this is a comment -->
+ <head>
+ <title>Jinja2 Example</title>
+ </head>
+ <body>
+ <ul>
+ {# this is a comment #}
+ {%- for item in li -%}
+ <li>
+ {{ item.label }}
+ </li>
+ {% endfor -%}
+ </ul>
+ </body>
+</html>
+</textarea></form>
+ <script>
+ var editor =
+ CodeMirror.fromTextArea(document.getElementById("code"), {mode:
+ {name: "jinja2", htmlMode: true}});
+ </script>
+ </body>
+</html>