: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
// CodeMirror, copyright (c) by Marijn Haverbeke and others
// Distributed under an MIT license: http://codemirror.net/LICENSE
if (typeof exports == "object" && typeof module == "object") // CommonJS
mod(require("../../lib/codemirror"), require("../htmlmixed/htmlmixed"),
require("../../addon/mode/overlay"));
else if (typeof define == "function" && define.amd) // AMD
define(["../../lib/codemirror", "../htmlmixed/htmlmixed",
"../../addon/mode/overlay"], mod);
else // Plain browser env
})(function(CodeMirror) {
CodeMirror.defineMode("django:inner", function() {
var keywords = ["block", "endblock", "for", "endfor", "true", "false", "filter", "endfilter",
"loop", "none", "self", "super", "if", "elif", "endif", "as", "else", "import",
"with", "endwith", "without", "context", "ifequal", "endifequal", "ifnotequal",
"endifnotequal", "extends", "include", "load", "comment", "endcomment",
"empty", "url", "static", "trans", "blocktrans", "endblocktrans", "now",
"regroup", "lorem", "ifchanged", "endifchanged", "firstof", "debug", "cycle",
"csrf_token", "autoescape", "endautoescape", "spaceless", "endspaceless",
"ssi", "templatetag", "verbatim", "endverbatim", "widthratio"],
filters = ["add", "addslashes", "capfirst", "center", "cut", "date",
"default", "default_if_none", "dictsort",
"dictsortreversed", "divisibleby", "escape", "escapejs",
"filesizeformat", "first", "floatformat", "force_escape",
"get_digit", "iriencode", "join", "last", "length",
"length_is", "linebreaks", "linebreaksbr", "linenumbers",
"ljust", "lower", "make_list", "phone2numeric", "pluralize",
"pprint", "random", "removetags", "rjust", "safe",
"safeseq", "slice", "slugify", "stringformat", "striptags",
"time", "timesince", "timeuntil", "title", "truncatechars",
"truncatechars_html", "truncatewords", "truncatewords_html",
"unordered_list", "upper", "urlencode", "urlize",
"urlizetrunc", "wordcount", "wordwrap", "yesno"],
operators = ["==", "!=", "<", ">", "<=", ">="],
wordOperators = ["in", "not", "or", "and"];
keywords = new RegExp("^\\b(" + keywords.join("|") + ")\\b");
filters = new RegExp("^\\b(" + filters.join("|") + ")\\b");
operators = new RegExp("^\\b(" + operators.join("|") + ")\\b");
wordOperators = new RegExp("^\\b(" + wordOperators.join("|") + ")\\b");
// We have to return "null" instead of null, in order to avoid string
// styling as the default, when using Django templates inside HTML
function tokenBase (stream, state) {
// Attempt to identify a variable, template or comment tag respectively
if (stream.match("{{")) {
state.tokenize = inVariable;
} else if (stream.match("{%")) {
} else if (stream.match("{#")) {
state.tokenize = inComment;
// Ignore completely any stream series that do not match the
// Django template opening tags.
while (stream.next() != null && !stream.match(/\{[{%#]/, false)) {}
// A string can be included in either single or double quotes (this is
// the delimiter). Mark everything as a string until the start delimiter
function inString (delimiter, previousTokenizer) {
return function (stream, state) {
if (!state.escapeNext && stream.eat(delimiter)) {
state.tokenize = previousTokenizer;
state.escapeNext = false;
// Take into account the backslash for escaping characters, such as
// Apply Django template variable syntax highlighting
function inVariable (stream, state) {
// Attempt to match a dot that precedes a property
if (stream.peek() != ".") {
// Dot followed by a non-word character should be considered an error.
if (stream.match(/\.\W+/)) {
} else if (stream.eat(".")) {
state.waitProperty = true;
throw Error ("Unexpected error while waiting for property.");
// Attempt to match a pipe that precedes a filter
if (stream.peek() != "|") {
// Pipe followed by a non-word character should be considered an error.
if (stream.match(/\.\W+/)) {
} else if (stream.eat("|")) {
throw Error ("Unexpected error while waiting for filter.");
if (state.waitProperty) {
state.waitProperty = false;
if (stream.match(/\b(\w+)\b/)) {
state.waitDot = true; // A property can be followed by another property
state.waitPipe = true; // A property can be followed by a filter
state.waitFilter = false;
if (stream.match(filters)) {
// Ignore all white spaces
state.waitProperty = false;
if (stream.match(/\b\d+(\.\d+)?\b/)) {
state.tokenize = inString("'", state.tokenize);
} else if (stream.match('"')) {
state.tokenize = inString('"', state.tokenize);
// Attempt to find the variable
if (stream.match(/\b(\w+)\b/) && !state.foundVariable) {
state.waitPipe = true; // A property can be followed by a filter
// If found closing tag reset
if (stream.match("}}")) {
state.waitProperty = null;
state.tokenize = tokenBase;
// If nothing was found, advance to the next character
function inTag (stream, state) {
// Attempt to match a dot that precedes a property
if (stream.peek() != ".") {
// Dot followed by a non-word character should be considered an error.
if (stream.match(/\.\W+/)) {
} else if (stream.eat(".")) {
state.waitProperty = true;
throw Error ("Unexpected error while waiting for property.");
// Attempt to match a pipe that precedes a filter
if (stream.peek() != "|") {
// Pipe followed by a non-word character should be considered an error.
if (stream.match(/\.\W+/)) {
} else if (stream.eat("|")) {
throw Error ("Unexpected error while waiting for filter.");
if (state.waitProperty) {
state.waitProperty = false;
if (stream.match(/\b(\w+)\b/)) {
state.waitDot = true; // A property can be followed by another property
state.waitPipe = true; // A property can be followed by a filter
state.waitFilter = false;
if (stream.match(filters)) {
// Ignore all white spaces
state.waitProperty = false;
if (stream.match(/\b\d+(\.\d+)?\b/)) {
state.tokenize = inString("'", state.tokenize);
} else if (stream.match('"')) {
state.tokenize = inString('"', state.tokenize);
// Attempt to match an operator
if (stream.match(operators)) {
// Attempt to match a word operator
if (stream.match(wordOperators)) {
// Attempt to match a keyword
var keywordMatch = stream.match(keywords);
if (keywordMatch[0] == "comment") {
state.blockCommentTag = true;
// Attempt to match a variable
if (stream.match(/\b(\w+)\b/)) {
state.waitPipe = true; // A property can be followed by a filter
// If found closing tag reset
if (stream.match("%}")) {
state.waitProperty = null;
// If the tag that closes is a block comment tag, we want to mark the
// following code as comment, until the tag closes.
if (state.blockCommentTag) {
state.blockCommentTag = false; // Release the "lock"
state.tokenize = inBlockComment;
state.tokenize = tokenBase;
// If nothing was found, advance to the next character
// Mark everything as comment inside the tag and the tag itself.
function inComment (stream, state) {
if (stream.match(/^.*?#\}/)) state.tokenize = tokenBase
// Mark everything as a comment until the `blockcomment` tag closes.
function inBlockComment (stream, state) {
if (stream.match(/\{%\s*endcomment\s*%\}/, false)) {
startState: function () {
return {tokenize: tokenBase};
token: function (stream, state) {
return state.tokenize(stream, state);
blockCommentStart: "{% comment %}",
blockCommentEnd: "{% endcomment %}"
CodeMirror.defineMode("django", function(config) {
var htmlBase = CodeMirror.getMode(config, "text/html");
var djangoInner = CodeMirror.getMode(config, "django:inner");
return CodeMirror.overlayMode(htmlBase, djangoInner);
CodeMirror.defineMIME("text/x-django", "django");