Web上のカスタム言語のIDEのようなオートコンプリートを行うにはどうすればいいですか？

Question

私の質問は...私は私のクラス...ウェブ上のIDEをしようとしていますし、それは私がcodemirrorエディタを使用しています... xmlファイルにfileds店です：

私は1つのフォローと同様のアルゴリズムする必要があります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); 
});