title: How to implement react with on type (realtime) emojis?
body: <p>I have a chat app written on react.</p>
  
  <p>I need the following:</p>
  
  <ul>
  <li>When the user write a smile name, e.g. <code>:smile:</code> should converted into <em>emojione</em>, <strong>not unicode</strong>.</li>
  <li>The input must be as the code below.</li>
  <li>The emojis in the input should look the same as they look in the conversation.</li>
  </ul>
  
  
  
  <pre class="lang-html prettyprint-override"><code>&lt;div contentEditable
       styles={this.state.messageInputStyle}
       className="message-input"&gt;
  &lt;/div&gt;
  </code></pre>