如何将表情符号放入聊天文本区域？

Question

我正在制作一个即时通讯工具，并希望启用“聊天”以将表情符号添加到他们的聊天中。这是我到目前为止所做的。

<template name="chat_page">
    <h2>Type in the box below to send a message!</h2>
  <div class="row">
    <div class="col-md-12">
      <div class="well well-lg">
        {{#each messages}}
          {{> chat_message}}
        {{/each}}
      </div>
    </div>
  </div> 
  <div class="row">
    <div class="col-xs-12 col-sm-6 col-sm-offset-3">
      <form class="js-send-chat">  
        <div class="form-group">  
          <input class="form-control" id="input-emoticon" type="text" name="chat" placeholder="type a message here..." />
        </div>
        <button class="btn btn-primary btn-block">Send</button>
      </form>
    </div>
  </div>
</template>

Answer 1

]