自動完成與CodeMirrror

Question

我想實現自動完成使用CodeMirror show-hint插件，特別是與sql-hint。我想讓它在我輸入時自動完成。

我在做什麼現在的問題是，

codemirror_editor.on("change", function(instance) { 
    CodeMirror.commands.autocomplete(instance); 
}); 

但問題是，它完成的話之前，我甚至鍵入一個單詞一個字母。例如，在空格之後，它給出了所有可能令牌的長列表。我希望它只有在鍵入某些字符時才顯示出來。有人可以幫忙嗎？

Answer 1

這就是我在Marijn's answer之後解決這個問題的方法。

codemirror_editor.on("inputRead", function(instance) { 
    if (instance.state.completionActive) { 
     return; 
    } 
    var cur = instance.getCursor(); 
    var token = instance.getTokenAt(cur); 
    var string = ''; 
    if (token.string.match(/^[.`\w@]\w*$/)) { 
     string = token.string; 
    } 
    if (string.length > 0) { 
     CodeMirror.commands.autocomplete(instance); 
    } 
}); 

這可能是特定於SQL的。

我在回答我自己的問題以分享問題的實際解決方案。

Answer 2

在啓動自動完成命令之前，請檢查光標是否實際位於「some」（無論「some」意味着什麼）字母字符之後。另外，當instance.state.completionActive爲真時，什麼都不做，因爲這意味着已經打開了一個完成彈出窗口。最後，您可能想要傾聽"inputRead"事件而不是"change"，以便在不涉及用戶輸入的情況下對文檔進行更改時不會觸發。