Skip to content
Snippets Groups Projects
Commit 1a26061d authored by Patrick Strawderman's avatar Patrick Strawderman Committed by Marijn Haverbeke
Browse files

Add the jinja2 mode

parent 6dd5f2db
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
compress.html
+ 1
− 0
View file @ 1a26061d
...@@ -53,6 +53,7 @@ ...@@ -53,6 +53,7 @@
<option value="http://codemirror.net/mode/haskell/haskell.js">haskell.js</option> <option value="http://codemirror.net/mode/haskell/haskell.js">haskell.js</option>
<option value="http://codemirror.net/mode/htmlmixed/htmlmixed.js">htmlmixed.js</option> <option value="http://codemirror.net/mode/htmlmixed/htmlmixed.js">htmlmixed.js</option>
<option value="http://codemirror.net/mode/javascript/javascript.js">javascript.js</option> <option value="http://codemirror.net/mode/javascript/javascript.js">javascript.js</option>
<option value="http://codemirror.net/mode/jinja2/jinja2.js">jinja2.js</option>
<option value="http://codemirror.net/mode/lua/lua.js">lua.js</option> <option value="http://codemirror.net/mode/lua/lua.js">lua.js</option>
<option value="http://codemirror.net/mode/php/php.js">php.js</option> <option value="http://codemirror.net/mode/php/php.js">php.js</option>
<option value="http://codemirror.net/mode/plsql/plsql.js">plsql.js</option> <option value="http://codemirror.net/mode/plsql/plsql.js">plsql.js</option>
......
index.html
+ 1
− 0
View file @ 1a26061d
...@@ -57,6 +57,7 @@ ...@@ -57,6 +57,7 @@
<li><a href="mode/sparql/index.html">SPARQL</a></li> <li><a href="mode/sparql/index.html">SPARQL</a></li>
<li><a href="mode/velocity/index.html">Velocity</a></li> <li><a href="mode/velocity/index.html">Velocity</a></li>
<li><a href="mode/r/index.html">R</a></li> <li><a href="mode/r/index.html">R</a></li>
<li><a href="mode/jinja2/index.html">Jinja2</a></li>
</ul> </ul>
</div><div class="left2 blk"> </div><div class="left2 blk">
......
mode/jinja2/index.html 0 → 100644
+ 38
− 0
View file @ 1a26061d
<!doctype html>
<html>
<head>
<title>CodeMirror 2: Jinja2 mode</title>
<link rel="stylesheet" href="../../lib/codemirror.css">
<script src="../../lib/codemirror.js"></script>
<script src="jinja2.js"></script>
<link rel="stylesheet" href="../../theme/default.css">
<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
<link rel="stylesheet" href="../../css/docs.css">
</head>
<body>
<h1>CodeMirror 2: Jinja2 mode</h1>
<form><textarea id="code" name="code">
&lt;html style="color: green"&gt;
&lt;!-- this is a comment --&gt;
&lt;head&gt;
&lt;title&gt;Jinja2 Example&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;ul&gt;
{# this is a comment #}
{%- for item in li -%}
&lt;li&gt;
{{ item.label }}
&lt;/li&gt;
{% endfor -%}
&lt;/ul&gt;
&lt;/body&gt;
&lt;/html&gt;
</textarea></form>
<script>
var editor =
CodeMirror.fromTextArea(document.getElementById("code"), {mode:
{name: "jinja2", htmlMode: true}});
</script>
</body>
</html>
mode/jinja2/jinja2.js 0 → 100644
+ 42
− 0
View file @ 1a26061d
CodeMirror.defineMode("jinja2", function(config, parserConf) {
var keywords = ["block", "endblock", "for", "endfor", "in", "true", "false",
"loop", "none", "self", "super", "if", "as", "not", "and",
"else", "import", "with", "without", "context"];
keywords = new RegExp("^((" + keywords.join(")|(") + "))\\b");
function tokenBase (stream, state) {
var ch = stream.next();
if (ch == "{") {
if (ch = stream.eat(/\{|%|#/)) {
stream.eat("-");
state.tokenize = inTag(ch);
return "tag";
}
}
}
function inTag (close) {
if (close == "{") {
close = "}";
}
return function (stream, state) {
var ch = stream.next();
if ((ch == close || (ch == "-" && stream.eat(close)))
&& stream.eat("}")) {
state.tokenize = tokenBase;
return "tag";
}
if (stream.match(keywords)) {
return "keyword";
}
return close == "#" ? "comment" : "string";
};
}
return {
startState: function () {
return {tokenize: tokenBase};
},
token: function (stream, state) {
return state.tokenize(stream, state);
}
};
});
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment