Как сделать автозаполнение как IDE для моего пользовательского языка в Интернете?

Question

Я пытаюсь сделать IDE на веб ... Мои классы и это fileds магазин в XML-файле ... Я использую редактор CodeMirror ... Мой вопрос:

мне нужно алгоритм, аналогичный одному из последующих в IDE, например (eclipse/visual studio) для автозаполнения ... на моем языке у меня есть состав, например, любой язык программирования (nameclass.fileds1.inner.) ... так что любой орган может помочь мне найти алгоритм для автозаполнения для состав ?

ПРИМЕЧАНИЕ: все мои классы и его файлы хранятся в файле xml, а codemirror может показывать мне список, чтобы сделать автозаполнение на нем ... любая помощь?

Answer 1

Ну, на базовом уровне вам просто нужно связать прослушиватель событий нажатия клавиш, который просматривает текущее слово, набираемое в XML-файле, чтобы увидеть, есть ли подходящие параметры. Затем возьмите все соответствующие элементы и покажите их в ul или что-то, что будет плавать рядом с курсором.

Если вам нужна быстрая производительность, вы должны подумать о создании prefix tree со всеми параметрами xml.

Вот некоторые примеры (pseudoish) код, который игнорирует все крайние случаи:

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