title: Rich text box like facebook comment box
body: <p>I'm currently working on <a href="http://flickogram.com" rel="nofollow">http://flickogram.com</a>.</p>
  
  <p>I need to put rich comment textbox like facebook has.</p>
  
  <p>Currently, I've developed a jquery plugin and you can find its working on <a href="http://jsfiddle.net/mike_ivanenko/k6zH6/3/" rel="nofollow">http://jsfiddle.net/mike_ivanenko/k6zH6/3/</a></p>
  
  <p>You can use the plugin as following.</p>
  
  <pre><code>$(document).ready(function() {
      $('#ttt').richtextbox( {
              highlights: [
                  {char:'#', class:'highlighted', markup: 'topic'},
                  {char:'@', class:'highlighted', markup: 'people'}
              ]
              ,change:function(richtextfield, input) {
                  $('#output').val(input.val());
              }
          }
      );
  });
  </code></pre>
  
  <p>It works pretty well for putting topic by typing hash(#), but I can't find a way to deal with people's name by typing @.</p>
  
  <p>My intention is as followings.</p>
  
  <p>When user types @, drop-down box with search text field will be shown just below the current textbox and user can search for the name.</p>
  
  <p>Then the result will be shown in the dropdown, and on clicking the item will be entered in the main text field. But it should be non-editable. Deleting by [Delete] or [Backspace] key is available.</p>
  
  <p>Any suggestions?</p>
  
  <p>Or please help me out this on github.com/mike-ivanenko/richtextbox</p>
  
  <p>Thank you</p>
  
  <p>Mike</p>