Некоторые смайлики не отображаются правильно: ☹ - PullRequest
0 голосов
/ 22 апреля 2020

У меня есть emojiPicker, я в основном добавляю все те, кто использует js:

начальный HTML

<div class="ep-categoryItems">
<button class="ep-item" data-key="1f600" title="Grinning face" ></button>
</div>

JS

 var fillEmotionCustomizer = function(){
            $('.ep-categoryItems button').map(function(){
                var button = $(this);
                var id = button.attr("data-key");
                var  ids = id.split("-");
                for (var i=0; i<ids.length; i++) {
                    ids[i] = '0x' + ids[i];
                }
                button.html('<span class="emojispan">'+eval('String.fromCodePoint('+ids.join(",")+')')+'</span>');
            });
        };

как Вы можете видеть, что я вставляю их, используя String.fromCodePoint. У меня были проблемы во всех браузерах, но я решил изменить семейство шрифтов:

.ep-item {
    font-family: OpenSansEmoji, Source Sans Pro;

, но Firefox продолжает некорректно отображать некоторые данные: emojis в Firefox pi c

есть ли способ решить эту проблему в js с моим текущим подходом? заранее спасибо

...