Автозаполнение редактора ACE для объекта

Вместо использования префикса в getCompletions вы можете привязать ключ "." а затем создайте свой список слов. Вы можете сделать свой wordList глобальным и использовать его внутри getCompletions или после привязки "." используйте этот код, чтобы получить предыдущий элемент, т.е. foo, а затем вставить значение в редактор.

Например, если мы возьмем wordList как глобальный массив, а затем, когда пользователь введет foo. мы можем добавить оба слова в список слов, а затем использовать их в автозаполнении.

editor.commands.addCommand({
    name: "dotCommand1",
    bindKey: { win: ".", mac: "." },
    exec: function () {
        var pos = editor.selection.getCursor();
        var session = editor.session;

        var curLine = (session.getDocument().getLine(pos.row)).trim();
        var curTokens = curLine.slice(0, pos.column).split(/\s+/);
        var curCmd = curTokens[0];
        if (!curCmd) return;
        var lastToken = curTokens[curTokens.length - 1];

        editor.insert(".");                

        if (lastToken === "foo") {
            // Add your words (bar, baz) to the global word list so that the autocomplete can show both bar, baz
           // Append the words to wordList here
        }
    }
});

Внутри автозаполнения мы можем отобразить список слов

var staticWordCompleter = {
getCompletions: function(editor, session, pos, prefix, callback) {

    callback(null, wordList.map(function(word) {
        return {
            caption: word,
            value: word,
            meta: "static",
            completer: {
                insertMatch: function(editor, data) {
                    var insertedValue = data.value;
                    if (insertedValue === "bar" || insertedValue === "baz") {
                        // You can clear the world list here
                    }
                }
            }
        };
    }));
  }
}
editor.completers = [staticWordCompleter];

Чтобы всегда использовать автозаполнение вместо ожидания, пока пользователь наберет следующие символы, чтобы вызвать список автозаполнения, вы можете использовать приведенный ниже фрагмент кода во время инициализации,

editor.commands.on("afterExec", function (e) {
    if (e.command.name == "insertstring" && /^[\w.]$/.test(e.args)) {
        editor.execCommand("startAutocomplete");
    }
});