Escaping

We have seen that HTML in variables is escaped by using escaped interpolation constructs != or !{}. How about escaping the Jade interpolation constructs =, !=, #{}, and !{}?

Jade interpolation constructs can be escaped with the combination of backslash (\) and the &#61 HTML entity:

Jade	Rendered HTML
p = message	= message
p != message	!= message
p \#{message}	#{message}
p \!{message}	!{message}
p \\#{message}	\#{message}
p \\!{message}	\!{message}

Using the &#61 HTML entity code makes Jade render = in the browser, rather than interpret it as the Jade interpolation construct.

# and ! are escaped using the popular escape character, backslash (\). If you intend to use \ as a literal, you will need to escape it too with \, as shown in the preceding example.