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

Question

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

它的工作正常。但是在某些表情符号如Punch Tone1的情况下，其他一些不能在显示器上正确显示div＆amp;有一些盒子类型symbol.how正确显示它们。

buildscript {
    repositories {
        jcenter()
    }

    dependencies {
        classpath 'io.realm:realm-gradle-plugin:3.2.0'
    }
}

Answer 1

emojionearea使用emojione

所以你可以使用emojione helper function toImage来转换unicode字符（表情符号）和短名称（例如：smile :)，如下所示：

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/