Gecko [ theprintave.ca ]

Name	Size	Permission	Date
activeline.html	3.26 KB	-rw-r--r--	2022-01-28 11:40
anywordhint.html	2.87 KB	-rw-r--r--	2022-01-28 11:40
bidi.html	4.88 KB	-rw-r--r--	2022-01-28 11:40
btree.html	2.94 KB	-rw-r--r--	2022-01-28 11:40
buffers.html	3.59 KB	-rw-r--r--	2022-01-28 11:40
changemode.html	1.78 KB	-rw-r--r--	2022-01-28 11:40
closebrackets.html	1.72 KB	-rw-r--r--	2022-01-28 11:40
closetag.html	1.58 KB	-rw-r--r--	2022-01-28 11:40
complete.html	4.4 KB	-rw-r--r--	2022-01-28 11:40
emacs.html	2.76 KB	-rw-r--r--	2022-01-28 11:40
folding.html	6.12 KB	-rw-r--r--	2022-01-28 11:40
fullscreen.html	3.53 KB	-rw-r--r--	2022-01-28 11:40
hardwrap.html	2.62 KB	-rw-r--r--	2022-01-28 11:40
html5complete.html	1.99 KB	-rw-r--r--	2022-01-28 11:40
indentwrap.html	2.62 KB	-rw-r--r--	2022-01-28 11:40
loadmode.html	2.31 KB	-rw-r--r--	2022-01-28 11:40
marker.html	1.53 KB	-rw-r--r--	2022-01-28 11:40
markselection.html	1.94 KB	-rw-r--r--	2022-01-28 11:40
matchhighlighter.html	4.89 KB	-rw-r--r--	2022-01-28 11:40
matchtags.html	1.48 KB	-rw-r--r--	2022-01-28 11:40
multiplex.html	2.25 KB	-rw-r--r--	2022-01-28 11:40
mustache.html	2.18 KB	-rw-r--r--	2022-01-28 11:40
panel.html	3.57 KB	-rw-r--r--	2022-01-28 11:40
placeholder.html	1.55 KB	-rw-r--r--	2022-01-28 11:40
preview.html	2.54 KB	-rw-r--r--	2022-01-28 11:40
requirejs.html	2.27 KB	-rw-r--r--	2022-01-28 11:40
resize.html	1.4 KB	-rw-r--r--	2022-01-28 11:40
rulers.html	1.45 KB	-rw-r--r--	2022-01-28 11:40
runmode-standalone.html	2.3 KB	-rw-r--r--	2022-01-28 11:40
runmode.html	2.36 KB	-rw-r--r--	2022-01-28 11:40
search.html	4.89 KB	-rw-r--r--	2022-01-28 11:40
simplemode.html	8.14 KB	-rw-r--r--	2022-01-28 11:40
simplescrollbars.html	5.1 KB	-rw-r--r--	2022-01-28 11:40
spanaffectswrapping_shim.html	3 KB	-rw-r--r--	2022-01-28 11:40
sublime.html	3.23 KB	-rw-r--r--	2022-01-28 11:40
theme.html	7.5 KB	-rw-r--r--	2022-01-28 11:40
trailingspace.html	1.61 KB	-rw-r--r--	2022-01-28 11:40
variableheight.html	2.12 KB	-rw-r--r--	2022-01-28 11:40
vim.html	4.32 KB	-rw-r--r--	2022-01-28 11:40
visibletabs.html	1.89 KB	-rw-r--r--	2022-01-28 11:40
xmlcomplete.html	3.78 KB	-rw-r--r--	2022-01-28 11:40

Rename

<!doctype html>

<title>CodeMirror: Autocomplete Demo</title>
<meta charset="utf-8"/>
<link rel=stylesheet href="../html/docs.css">

<div id=nav>
  <a href="https://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../html/logo.png"></a>

<ul>
    <li><a href="../index.html">Home</a>
    <li><a href="../html/manual.html">Manual</a>
    <li><a href="https://github.com/codemirror/codemirror">Code</a>
  </ul>
  <ul>
    <li><a class=active href="#">Autocomplete</a>
  </ul>
</div>

<article>
<h2>Autocomplete Demo</h2>
<form><textarea id="code" name="code">
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;
}
</textarea></form>

<p>Press <strong>ctrl-space</strong> to activate autocompletion. Built
on top of the <a href="../html/manual.html#addon_show-hint"><code>show-hint</code></a>
and <a href="../html/manual.html#addon_javascript-hint"><code>javascript-hint</code></a>
addons.</p>

<form><textarea style="display: none" id="synonyms" name="synonyms">
Here, the completion use an asynchronous hinting function to provide
synonyms for each words. If your browser support `Promises`, the
hinting function can also return one.
</textarea></form>

if (typeof Promise !== "undefined") {
  var comp = [
    ["here", "hither"],
    ["asynchronous", "nonsynchronous"],
    ["completion", "achievement", "conclusion", "culmination", "expirations"],
    ["hinting", "advise", "broach", "imply"],
    ["function","action"],
    ["provide", "add", "bring", "give"],
    ["synonyms", "equivalents"],
    ["words", "token"],
    ["each", "every"],
  ]

function synonyms(cm, option) {
    return new Promise(function(accept) {
      setTimeout(function() {
        var cursor = cm.getCursor(), line = cm.getLine(cursor.line)
        var start = cursor.ch, end = cursor.ch
        while (start && /\w/.test(line.charAt(start - 1))) --start
        while (end < line.length && /\w/.test(line.charAt(end))) ++end
        var word = line.slice(start, end).toLowerCase()
        for (var i = 0; i < comp.length; i++) if (comp[i].indexOf(word) != -1)
          return accept({list: comp[i],
                         from: CodeMirror.Pos(cursor.line, start),
                         to: CodeMirror.Pos(cursor.line, end)})
        return accept(null)
      }, 100)
    })
  }

var editor2 = CodeMirror.fromTextArea(document.getElementById("synonyms"), {
    extraKeys: {"Ctrl-Space": "autocomplete"},
    lineNumbers: true,
    lineWrapping: true,
    mode: "text/x-markdown",
    hintOptions: {hint: synonyms}
  })
}
</script>

</article>