javascript - テキストエリアへのインライン絵文字の挿入 (EmojiOne)

Question

ユーザーがメッセージを入力して絵文字を追加できるチャット コンポーザー コンポーネントがあります。絵文字で<EmojiPicker />呼び出されるコールバックを持つコンポーネントがあります。:shortname:

例：

emojiPickerCallback(shortname) {
        let input = ReactDOM.findDOMNode(this.refs.textInput).value;
        let output = emojione.shortnameToImage(input + shortname);
        ReactDOM.findDOMNode(this.refs.textInput).value = output;
}

<EmojiPicker callback={this.emojiPickerCallback.bind(this)} />

問題は、絵文字だけでなく、次のものがテキストエリアに出力されることです。

<img class="emojione" alt="" title=":zipper_mouth:" src="https://cdn.jsdelivr.net/emojione/assets/png/1f910.png?v=2.2.7"/>

EmojiOne を使用してインライン絵文字を にするにはどうすればよいtextareaですか?