ACE编辑器自动完成功能可在`.`上打开。

时间:2018-06-21 07:36:12

标签: javascript reactjs ace-editor

如果启用实时自动完成功能,则在键入内容时会打开工具提示。但是,只有在之后键入其他内容时,它才会在按.时打开。

因此,如果我输入fo,将出现一个工具提示,试图将fo与某些内容(forfunction等匹配)。但是,如果键入fo.,则工具提示会消失,并且直到我再输入一个字母时,工具提示才会打开。

我有自定义的自动完成键,我真的希望工具提示中包含我的所有建议。

假设我以user作为特殊键,并以name, age, profile作为建议。我希望能够输入event.和工具提示来显示name, age, profile。现在,我必须输入event.n例如才能获得name作为建议。

2 个答案:

答案 0 :(得分:0)

在编辑器初始化期间使用此代码段显示工具提示以打开所有建议

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

答案 1 :(得分:0)

这对我来说适用于特殊字符(我需要在'。'和'{'上使用自动完成功能。由于某种原因,它对于'$'不起作用:

@ViewChild('editor') public aceEditor: AceEditorComponent;
let editor = this.aceEditor.getEditor();
// create your completers
this.langTools.setCompleters(completers);
// trigger typeahead
editor.completer.showPopup(editor);