Jquery Autocomplete @mention

Question

Hey Leute ich habe diese zur automatischen Vervollständigung Plugin von Andrew Whitaker - DEMO Lets sagen, dass ich in einem TextArea-

einen String haben

I "@peterwateber welcome" möchte es in einem versteckten Tag als

ausgeben

"@ [peterwateber] willkommen"

wie soll ich das machen? Ich bin nicht so gut in javascript ...

Ich habe here von Hawkee

Answer 1

schrieb ich die Original-Code hier erwähnt und haben das Menü Problem behoben Peter mit wurde:

http://www.hawkee.com/snippet/9391/

Answer 2

Hiya Demo Arbeiten hier auf diesem Code versuchte, Blick: http://jsfiddle.net/67dxH/

Bereits gute Diskussion hatte oben wie Sie sagten Verhalten ist wie: value of the hidden tag as = @[C#] and the textarea as @C#

Jope das ist hilfreich Mann, lassen Sie mich wissen, wie es geht, Prost! :)

JQuery-Code

function split(val) { 
    return val.split(/@\s*/); 
} 

function extractLast(term) { 
    return split(term).pop(); 
} 

function getTags(term, callback) { 
    $.ajax({ 
     url: "http://api.stackoverflow.com/1.1/tags", 
     data: { 
      filter: term, 
      pagesize: 5 
     }, 
     type: "POST", 
     success: callback, 
     jsonp: "jsonp", 
     dataType: "jsonp" 
    });  
} 

$(document).ready(function() { 

    $("#tags") 
    // don't navigate away from the field on tab when selecting an item 
    .bind("keydown", function(event) { 
     if (event.keyCode === $.ui.keyCode.TAB && $(this).data("autocomplete").menu.active) { 

      event.preventDefault(); 
     } 
    }).autocomplete({ 
     source: function(request, response) { 
      if (request.term.indexOf("@") >= 0) { 
       $("#loading").show(); 
       getTags(extractLast(request.term), function(data) { 
        response($.map(data.tags, function(el) { 
         return { 
          value: el.name, 
          count: el.count 
         } 
        })); 
        $("#loading").hide();      
       }); 
      } 
     }, 
     focus: function() { 
      // prevent value inserted on focus 
      return false; 
     }, 
     select: function(event, ui) { 
      var terms = split(this.value); 
      // remove the current input 
      terms.pop(); 
      // add the selected item 
      ui.item.value = "@" + ui.item.value; 
      terms.push(ui.item.value); 
      // add placeholder to get the comma-and-space at the end 
      terms.push(""); 
      this.value = terms.join(""); 
      return false; 
     } 
    }).data("autocomplete")._renderItem = function(ul, item) { 
     return $("<li>") 
      .data("item.autocomplete", item) 
      .append("<a>@[" + item.label + "]&nbsp;<span class='count'>(" + item.count + ")</span></a>") 
      .appendTo(ul); 
    }; 
});​