mirror of
https://github.com/renbaoshuo/S2OJ.git
synced 2024-12-29 16:51:52 +00:00
96d4a3ecf7
Due to historical reasons, the code is in subfolder "1". With SVN removal, we place the code back and remove the annoying "1" folder.
69 lines
2.0 KiB
HTML
69 lines
2.0 KiB
HTML
<!doctype html>
|
|
|
|
<title>CodeMirror: Overlay Parser Demo</title>
|
|
<meta charset="utf-8"/>
|
|
<link rel=stylesheet href="../doc/docs.css">
|
|
|
|
<link rel="stylesheet" href="../lib/codemirror.css">
|
|
<script src="../lib/codemirror.js"></script>
|
|
<script src="../addon/mode/overlay.js"></script>
|
|
<script src="../mode/xml/xml.js"></script>
|
|
<style type="text/css">
|
|
.CodeMirror {border: 1px solid black;}
|
|
.cm-mustache {color: #0ca;}
|
|
</style>
|
|
<div id=nav>
|
|
<a href="http://codemirror.net"><img id=logo src="../doc/logo.png"></a>
|
|
|
|
<ul>
|
|
<li><a href="../index.html">Home</a>
|
|
<li><a href="../doc/manual.html">Manual</a>
|
|
<li><a href="https://github.com/marijnh/codemirror">Code</a>
|
|
</ul>
|
|
<ul>
|
|
<li><a class=active href="#">Overlay Parser</a>
|
|
</ul>
|
|
</div>
|
|
|
|
<article>
|
|
<h2>Overlay Parser Demo</h2>
|
|
<form><textarea id="code" name="code">
|
|
<html>
|
|
<body>
|
|
<h1>{{title}}</h1>
|
|
<p>These are links to {{things}}:</p>
|
|
<ul>{{#links}}
|
|
<li><a href="{{url}}">{{text}}</a></li>
|
|
{{/links}}</ul>
|
|
</body>
|
|
</html>
|
|
</textarea></form>
|
|
|
|
<script>
|
|
CodeMirror.defineMode("mustache", function(config, parserConfig) {
|
|
var mustacheOverlay = {
|
|
token: function(stream, state) {
|
|
var ch;
|
|
if (stream.match("{{")) {
|
|
while ((ch = stream.next()) != null)
|
|
if (ch == "}" && stream.next() == "}") break;
|
|
stream.eat("}");
|
|
return "mustache";
|
|
}
|
|
while (stream.next() != null && !stream.match("{{", false)) {}
|
|
return null;
|
|
}
|
|
};
|
|
return CodeMirror.overlayMode(CodeMirror.getMode(config, parserConfig.backdrop || "text/html"), mustacheOverlay);
|
|
});
|
|
var editor = CodeMirror.fromTextArea(document.getElementById("code"), {mode: "mustache"});
|
|
</script>
|
|
|
|
<p>Demonstration of a mode that parses HTML, highlighting
|
|
the <a href="http://mustache.github.com/">Mustache</a> templating
|
|
directives inside of it by using the code
|
|
in <a href="../addon/mode/overlay.js"><code>overlay.js</code></a>. View
|
|
source to see the 15 lines of code needed to accomplish this.</p>
|
|
|
|
</article>
|