使用Emoji One区域在div中显示表情符号

Question

我正在使用Emoji One Area表情符号选取器。 请检查小提琴： https://jsfiddle.net/ukLaz8cm/40/

它像冲床TONE1和一些其他的一些表情符号的情况下，工作fine.But不上显示的div &正常显示了一些箱式symbol.how正确显示。

<div class="row"> 
    <div class="span6"> 
    <textarea id="emojionearea1"></textarea> 
    </div> 
</div> 
<button id="click">preview</button> 
<div id="display"> 
</div> 

$(document).ready(function() { 
    $("#emojionearea1").emojioneArea({ 

     pickerPosition: "right", 
     tonesStyle: "bullet", 

    }); 
}); 

$("#click").click(function(){ 
text = $("#emojionearea1").val(); 
//alert(text); 
$("#display").html(text); 
}) 

Answer 1

emojionearea使用emojione

所以，你可以使用emojione辅助函数toImage转换Unicode字符（表情）和短名称（如：微笑:)如下：

HTML：

<div class="hasEmoji">Text here Text here </div> 

Javascript：

jQuery(".hasEmoji").each(function(){ 
    var preview = emojione.toImage(jQuery(this).html()); 
    jQuery(this).html(preview); 
}); 

这里修改您的的jsfiddle片段：

https://jsfiddle.net/ukLaz8cm/96/