[JavaScript] 멘션 자동 완성

GIT : https://github.com/yuku-t/jquery-textcomplete

$.fn.mention = function(param, callback){
    // JSON 은 '아이디|이름|소속'으로 구성됨
    var url = [주소];
    var __this = this;
    $.getJSON(url, function(jdata){
        $(__this).textcomplete([
            {
                mentions: jdata.data,
                match : /\B@([\.\w]*)$/,
                search: function (term, callback) {
                    callback($.map(this.mentions, function (mention) {
                        if(mention.indexOf(term) === 0){
                            var arryMention = mention.split('|');
                            return arryMention[0] + '<br>' + '(' + arryMention[1] + '), ' + arryMention[2];
                        }else{
                            null;
                        }
                    }));
                },
                index: 1,
                replace: function (mention) {
                    var arryMention = mention.split('<br>');
                    return '@' + arryMention[0] + ' ';
                }
            }
        ]);
    });
};
 
// 사용할 때
$('input[type=text], textarea').mention();