index.html
38 lines
| 1.0 KiB
| text/html
|
HtmlLexer
r4026 | <!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> | ||||