解决emoji多端展示一致性

2,287 阅读1分钟

介绍

浏览器在访问包含emoji的网页内容时,出现emoji置灰或者不展示的情况 当前浏览器系统环境不支持某些emoji特别是最新emoji的字体展示

预览

输入框

demo.png

禁用输入框

image.png

使用方法

npm安装

npm install emojionearea-vue

使用

<template>
    <Emojionearea
        v-model="text"
        :search="false"
        cdn="https://woyehaizaixiang.oss-cn-shanghai.aliyuncs.com/emojionearea"
    ></Emojionearea>
</template>
import Emojionearea from "emojionearea-vue";
import "emojionearea-vue/lib/index.css";
export default {
    components: {
        Emojionearea,
    },
    data(){
        return{
            text: "",
        }
    },
}

插件地址:www.npmjs.com/package/emo…