title: How to wrap the mention in a special span tag after selecting it? Like Facebook or Stackoverflow tags
body: <p>Am using <a href="https://github.com/jeff-collins/ment.io" rel="nofollow noreferrer">ment.io</a> an AngularJS plugin that allows mentions to be used.</p>
  
  <p>But I am unable to find out how to change the look and feel of the selected mention.</p>
  
  <p>For e.g. in Stackoverflow
  <a href="https://i.stack.imgur.com/bZrkh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bZrkh.png" alt="enter image description here"></a></p>
  
  <p>For e.g. in Facebook
  <a href="https://i.stack.imgur.com/XPD6o.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XPD6o.png" alt="enter image description here"></a></p>