FM / examples

Name	Size	Mode	Actions
activeline.html	3343	0644	edit dl rm
anywordhint.html	2937	0644	edit dl rm
bidi.html	5000	0644	edit dl rm
btree.html	3008	0644	edit dl rm
buffers.html	3674	0644	edit dl rm
changemode.html	1825	0644	edit dl rm
closebrackets.html	1763	0644	edit dl rm
closetag.html	1619	0644	edit dl rm
complete.html	4504	0644	edit dl rm
emacs.html	2823	0644	edit dl rm
folding.html	6270	0644	edit dl rm
fullscreen.html	3617	0644	edit dl rm
hardwrap.html	2681	0644	edit dl rm
html5complete.html	2033	0644	edit dl rm
indentwrap.html	2687	0644	edit dl rm
loadmode.html	2362	0644	edit dl rm
marker.html	1563	0644	edit dl rm
markselection.html	1985	0644	edit dl rm
matchhighlighter.html	5007	0644	edit dl rm
matchtags.html	1512	0644	edit dl rm
multiplex.html	2303	0644	edit dl rm
mustache.html	2233	0644	edit dl rm
panel.html	3654	0644	edit dl rm
placeholder.html	1586	0644	edit dl rm
preview.html	2601	0644	edit dl rm
requirejs.html	2328	0644	edit dl rm
resize.html	1437	0644	edit dl rm
rulers.html	1483	0644	edit dl rm
runmode-standalone.html	2356	0644	edit dl rm
runmode.html	2420	0644	edit dl rm
search.html	5010	0644	edit dl rm
simplemode.html	8332	0644	edit dl rm
simplescrollbars.html	5227	0644	edit dl rm
spanaffectswrapping_shim.html	3073	0644	edit dl rm
sublime.html	3311	0644	edit dl rm
theme.html	7680	0644	edit dl rm
trailingspace.html	1646	0644	edit dl rm
variableheight.html	2175	0644	edit dl rm
vim.html	4428	0644	edit dl rm
visibletabs.html	1940	0644	edit dl rm
xmlcomplete.html	3872	0644	edit dl rm

Name

Size

Mode

Actions

activeline.html

3343

0644

edit dl rm

anywordhint.html

2937

0644

edit dl rm

bidi.html

5000

0644

edit dl rm

btree.html

3008

0644

edit dl rm

buffers.html

3674

0644

edit dl rm

changemode.html

1825

0644

edit dl rm

closebrackets.html

1763

0644

edit dl rm

closetag.html

1619

0644

edit dl rm

complete.html

4504

0644

edit dl rm

emacs.html

2823

0644

edit dl rm

folding.html

6270

0644

edit dl rm

fullscreen.html

3617

0644

edit dl rm

hardwrap.html

2681

0644

edit dl rm

html5complete.html

2033

0644

edit dl rm

indentwrap.html

2687

0644

edit dl rm

loadmode.html

2362

0644

edit dl rm

marker.html

1563

0644

edit dl rm

markselection.html

1985

0644

edit dl rm

matchhighlighter.html

5007

0644

edit dl rm

matchtags.html

1512

0644

edit dl rm

multiplex.html

2303

0644

edit dl rm

mustache.html

2233

0644

edit dl rm

panel.html

3654

0644

edit dl rm

placeholder.html

1586

0644

edit dl rm

preview.html

2601

0644

edit dl rm

requirejs.html

2328

0644

edit dl rm

resize.html

1437

0644

edit dl rm

rulers.html

1483

0644

edit dl rm

runmode-standalone.html

2356

0644

edit dl rm

runmode.html

2420

0644

edit dl rm

search.html

5010

0644

edit dl rm

simplemode.html

8332

0644

edit dl rm

simplescrollbars.html

5227

0644

edit dl rm

spanaffectswrapping_shim.html

3073

0644

edit dl rm

sublime.html

3311

0644

edit dl rm

theme.html

7680

0644

edit dl rm

trailingspace.html

1646

0644

edit dl rm

variableheight.html

2175

0644

edit dl rm

vim.html

4428

0644

edit dl rm

visibletabs.html

1940

0644

edit dl rm

xmlcomplete.html

3872

0644

edit dl rm

Autocomplete Demo

function getCompletions(token, context) {
  var found = [], start = token.string;
  function maybeAdd(str) {
    if (str.indexOf(start) == 0) found.push(str);
  }
  function gatherCompletions(obj) {
    if (typeof obj == "string") forEach(stringProps, maybeAdd);
    else if (obj instanceof Array) forEach(arrayProps, maybeAdd);
    else if (obj instanceof Function) forEach(funcProps, maybeAdd);
    for (var name in obj) maybeAdd(name);
  }

if (context) {
    // If this is a property, see if it belongs to some object we can
    // find in the current environment.
    var obj = context.pop(), base;
    if (obj.className == "js-variable")
      base = window[obj.string];
    else if (obj.className == "js-string")
      base = "";
    else if (obj.className == "js-atom")
      base = 1;
    while (base != null && context.length)
      base = base[context.pop().string];
    if (base != null) gatherCompletions(base);
  }
  else {
    // If not, just look in the window object and any local scope
    // (reading into JS mode internals to get at the local variables)
    for (var v = token.state.localVars; v; v = v.next) maybeAdd(v.name);
    gatherCompletions(window);
    forEach(keywords, maybeAdd);
  }
  return found;
}

Press ctrl-space to activate autocompletion. Built on top of the show-hint and javascript-hint addons.

CodeMirror

Autocomplete Demo