如何在Web上爲我的自定義語言做像IDE一樣的自動完成功能？

Question

我儘量讓網頁上的IDE ...我的課，它是在XML文件中的Fileds店...我使用codemirror編輯器... 我的問題是：

我需要算法類似於一個後續在IDE中，像（eclipse/visual studio）用於自動完成...在我的語言中，我有像任何編程語言的組成（nameclass.fileds1.inner。）...所以任何機構都可以幫助我找到自動完成的算法組成？

注意：我所有的類和它的文件都存儲在xml文件中，並且codemirror可以顯示我的列表以對其執行自動完成....任何幫助？

Answer 1

在一個非常基本的層次上，您只需綁定一個鍵擊事件偵聽器，該偵聽器查找在xml文件中鍵入的當前單詞，以查看是否有任何匹配的選項。然後取出所有匹配的項目並將它們顯示在ul中，或者將會浮動在光標旁邊。

如果您想要快速性能，但您應該考慮從所有xml選項構建prefix tree。

下面是忽略所有的邊緣情況下，一些樣品（pseudoish）代碼：

$('textarea.codepad').on('keyup paste', function() { 
    var currentWord = $(this).val().split(' ').pop(); 
    var possibilities = getPossibilitiesFromXML(currentWord); 
    displayPopup(possibilities); 
});