.CodeMirror {border: 1px solid #ddd;}
CodeMirror
Home Manual Code
Tern
Tern Demo
// Use ctrl-space to complete something // Put the cursor in or after an expression, press ctrl-o 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);
Demonstrates integration of Tern and CodeMirror. The following keys are bound
Ctrl-Space Autocomplete Ctrl-O Find docs for the expression at the cursor Ctrl-I Find type at cursor Alt-. Jump to definition (Alt-, to jump back) Ctrl-Q Rename variable Ctrl-. Select all occurrences of a variable
Documentation is sparse for now. See the top of the script for a rough API overview.
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