阅读 437
解决emoji多端展示一致性

解决emoji多端展示一致性

介绍

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

预览

输入框

demo.png

禁用输入框

image.png

使用方法

npm安装

npm install emojionearea-vue
复制代码

使用

<template>
    <Emojionearea
        v-model="text"
        :search="false"
    ></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…

文章分类
前端
文章标签