mirror of
https://github.com/renbaoshuo/S2OJ.git
synced 2024-11-27 00:56:20 +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.
132 lines
4.2 KiB
HTML
132 lines
4.2 KiB
HTML
<!doctype html>
|
|
|
|
<title>CodeMirror: Tern Demo</title>
|
|
<meta charset="utf-8"/>
|
|
<link rel=stylesheet href="../doc/docs.css">
|
|
|
|
<link rel="stylesheet" href="../lib/codemirror.css">
|
|
<link rel="stylesheet" href="../addon/dialog/dialog.css">
|
|
<link rel="stylesheet" href="../addon/hint/show-hint.css">
|
|
<link rel="stylesheet" href="../addon/tern/tern.css">
|
|
<script src="../lib/codemirror.js"></script>
|
|
<script src="../mode/javascript/javascript.js"></script>
|
|
<script src="../addon/dialog/dialog.js"></script>
|
|
<script src="../addon/hint/show-hint.js"></script>
|
|
<script src="../addon/tern/tern.js"></script>
|
|
<script src="http://marijnhaverbeke.nl/acorn/acorn.js"></script>
|
|
<script src="http://marijnhaverbeke.nl/acorn/acorn_loose.js"></script>
|
|
<script src="http://marijnhaverbeke.nl/acorn/util/walk.js"></script>
|
|
<script src="http://ternjs.net/doc/demo/polyfill.js"></script>
|
|
<script src="http://ternjs.net/lib/signal.js"></script>
|
|
<script src="http://ternjs.net/lib/tern.js"></script>
|
|
<script src="http://ternjs.net/lib/def.js"></script>
|
|
<script src="http://ternjs.net/lib/comment.js"></script>
|
|
<script src="http://ternjs.net/lib/infer.js"></script>
|
|
<script src="http://ternjs.net/plugin/doc_comment.js"></script>
|
|
<style>
|
|
.CodeMirror {border: 1px solid #ddd;}
|
|
</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="#">Tern</a>
|
|
</ul>
|
|
</div>
|
|
|
|
<article>
|
|
<h2>Tern Demo</h2>
|
|
<form><textarea id="code" name="code">// Use ctrl-space to complete something
|
|
// Put the cursor in or after an expression, press ctrl-i to
|
|
// find its type
|
|
|
|
var foo = ["array", "of", "strings"];
|
|
var bar = foo.slice(0, 2).join("").split("a")[0];
|
|
|
|
// Works for locally defined types too.
|
|
|
|
function CTor() { this.size = 10; }
|
|
CTor.prototype.hallo = "hallo";
|
|
|
|
var baz = new CTor;
|
|
baz.
|
|
|
|
// You can press ctrl-q when the cursor is on a variable name to
|
|
// rename it. Try it with CTor...
|
|
|
|
// When the cursor is in an argument list, the arguments are
|
|
// shown below the editor.
|
|
|
|
[1].reduce( );
|
|
|
|
// And a little more advanced code...
|
|
|
|
(function(exports) {
|
|
exports.randomElt = function(arr) {
|
|
return arr[Math.floor(arr.length * Math.random())];
|
|
};
|
|
exports.strList = "foo".split("");
|
|
exports.intList = exports.strList.map(function(s) { return s.charCodeAt(0); });
|
|
})(window.myMod = {});
|
|
|
|
var randomStr = myMod.randomElt(myMod.strList);
|
|
var randomInt = myMod.randomElt(myMod.intList);
|
|
</textarea></p>
|
|
|
|
<p>Demonstrates integration of <a href="http://ternjs.net/">Tern</a>
|
|
and CodeMirror. The following keys are bound:</p>
|
|
|
|
<dl>
|
|
<dt>Ctrl-Space</dt><dd>Autocomplete</dd>
|
|
<dt>Ctrl-I</dt><dd>Find type at cursor</dd>
|
|
<dt>Alt-.</dt><dd>Jump to definition (Alt-, to jump back)</dd>
|
|
<dt>Ctrl-Q</dt><dd>Rename variable</dd>
|
|
<dt>Ctrl-.</dt><dd>Select all occurrences of a variable</dd>
|
|
</dl>
|
|
|
|
<p>Documentation is sparse for now. See the top of
|
|
the <a href="../addon/tern/tern.js">script</a> for a rough API
|
|
overview.</p>
|
|
|
|
<script>
|
|
function getURL(url, c) {
|
|
var xhr = new XMLHttpRequest();
|
|
xhr.open("get", url, true);
|
|
xhr.send();
|
|
xhr.onreadystatechange = function() {
|
|
if (xhr.readyState != 4) return;
|
|
if (xhr.status < 400) return c(null, xhr.responseText);
|
|
var e = new Error(xhr.responseText || "No response");
|
|
e.status = xhr.status;
|
|
c(e);
|
|
};
|
|
}
|
|
|
|
var server;
|
|
getURL("http://ternjs.net/defs/ecma5.json", function(err, code) {
|
|
if (err) throw new Error("Request for ecma5.json: " + err);
|
|
server = new CodeMirror.TernServer({defs: [JSON.parse(code)]});
|
|
editor.setOption("extraKeys", {
|
|
"Ctrl-Space": function(cm) { server.complete(cm); },
|
|
"Ctrl-I": function(cm) { server.showType(cm); },
|
|
"Alt-.": function(cm) { server.jumpToDef(cm); },
|
|
"Alt-,": function(cm) { server.jumpBack(cm); },
|
|
"Ctrl-Q": function(cm) { server.rename(cm); },
|
|
"Ctrl-.": function(cm) { server.selectName(cm); }
|
|
})
|
|
editor.on("cursorActivity", function(cm) { server.updateArgHints(cm); });
|
|
});
|
|
|
|
var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
|
|
lineNumbers: true,
|
|
mode: "javascript"
|
|
});
|
|
</script>
|
|
|
|
</article>
|