🎉 +Emoji : 一个简单、可靠、纯粹、中文语义化的 Emoji 扩展 😎


+Emoji的官网 在这里,代码开源并托管在 Github 上,通过 Chrome Webstore 以及 Firefox 附加组件 下载


名字

+Emoji 灵感来源于 文字 + Emoji 之意

缘由

由于开发 简悦 又是独立开发者缘故,所以只能自己做客服… :joy: 再写一些反馈时,会不时加入一些 Emoji,原本需求不大的时候,使用的是 http://classic.getemoji.com/ 及 鼠须管自带的 Emoji …
但它们都不太好用,虽然鼠须管的 Emoji 很强大,但需要记住每个 Emoji 的名称,这显然不太现实。

竞品

试用了 Chrome webstore 里面的几个下载量很大的 Emoji 扩展,例如:

但是并不满意,原因:

  • 无法中文语义;

  • 由于 Emoji 较多,但并不是每个平台都能支持,所以往往选择了一个 Emoji 后,却不支持 Chrome ;

  • 颜值不够;

  • 插入光标处后,输入框失去焦点;

理想的 Emoji 扩展

结合我在使用时的一些特点,总结了如下的一些功能

  • 中文语义化;
    输入 显示跟其有关联的 Emoji

  • 插入光标处后,输入框不失去焦点;

  • 支持常用的 Emoji 集合,而非 任意平台

  • 支持快捷键呼出;

  • 可以作为独立窗口存在;
    希望可以在其它 App 里面使用

  • 灵活的定制化,包括:可定义触发条件、插入规则、黑名单等方式。

+Emoji 的功能

  • 使用了最基本的 Emoji 集合,支持任何 App;
    均不会出现乱码情况

  • 支持 中文语义并具有多种插入模式:

    1. 单选插入模式
      通过触发条件以及关键字会显示相关的 Emoji,适合全键盘操作;触发条件默认为 [:: | ::] [关键字 | 空格] [空格]

      例如:

      • ::gr // 查询关键字 gr 为内容的 Emoji
      • :: // 查询全部 Emoji
      • ::笑 // 查询中文语义
      • :: // 查询全部 Emoji
    2. 多选插入模式
      通过 右键菜单 进入,显示全部的 Emoji,可跟随光标插入,适合鼠标操作;

    3. 直接插入模式
      当明确知道 Emoji 的名称,或通过关键字查找的结果唯一的话,则直接将 Emoji 插入到触发器中;

  • 复制到剪切板并支持多个复制;

  • 支持快捷键呼出;
    默认快捷键 command / ctrl + Shift + Y

  • 可作为独立窗口存在;

  • 个性化定制,包括:可定义触发条件、插入规则,黑名单(支持 minimatch 模糊匹配)等;

截图

Popup 窗口

插入全部

定制化

已知问题

  • iFrame 无法使用 插入模式

  • 非标准 <input> / <textarea> 类标签无法使用快捷键 :: 呼出 插入模式

感谢

+Emoji 使用了 Emoji-Extension-for-Chrome 部分代码;中文语义字典由 apple-emoji-dict 提供来源。

最后

希望你能喜欢 +Emoji :heart_eyes: 以及骗一波 Star :smiling_imp: GitHub - Kenshin/emoji: 🎉 一个简单、可靠、纯粹、中文语义化的 Emoji 扩展 😎

1 个赞

win10自带的输入法有这功能,比如


但win10的 emoji 是标准实现,每个 emoji 都是一个Unicode字符,和目前网页常用的实现方式不同,没法在网页上用 (更正: 部分老旧浏览器在输入时无法正常显示)
:joy:


另:参照网页的实现方式,其实可以给输入法自定义相应短语,或者用ahk来搞 emoji 输入法
附个GitHub找到的相关轮子 emoji-keyboard

1 个赞

我倒是更想要稳定的图片实现,比如这个论坛的表情太丑了,不想看,也不想用

1 个赞

试了下,是我用的旧浏览器的锅。
Win10输入法的 emoji 在 FireFox 上正常显示。
:joy:

1 个赞

我的鼠须管也有类似的功能。 :grinning:
不过文中说了,我没办法记住每个 emoji 的名字,所以还是挺麻烦的,所以就有了这个项目。

+Emoji 也是 Unicode 而非 image , 同时也能插入到输入框里面,而且支持中英文查询,比输入法更方便。

另外,上架 Firefox 后也支持手机端,本文的 emoji 就是用了 +Emoji 输入的。 :kissing_heart: (虽然手机端的用处不大…)

因为不同设备支持的 Unicode 的程度不一致,所以会出现你说的问题。
但 +Emoji 支持的比较基本,所以这个问题发生的几率比较小。 ++

有些 emoji 扩展具有这个功能。
但有个问题,比如某个 emoji 能显示(因为被替换为图片)但在其他人的设备上却无法显示(因为不支持这个Unicode)…

而 +Emoji 则是解决这个问题的方案。

我的意思是直接插入图片的,虽然 Emoji 本身是一个很好的想法,但是多套表情之间有了对比,总是会导致某些很丑的设计显得更加丑……这时候我就一点用他的欲望都没了。如果需要,宁愿直接插入图片,也不想侮辱自身的审美。

如果能便捷的插入自己喜欢的那套表情(的图片)也是非常让人开心的啊。

然后颜文字也有类似需求的。

我知道你的意思 :smile:

我想说的是(我的真实经历…)

不少朋友在使用简悦时会给我留言,我在回复留言的时候,使用的是 emojione,但是它里面的有不少很漂亮的 emoji 并不支持 chrome,所以好不容易找到了一个 emoji,但对方却看到的是乱码。(我却看不到乱码,因为被转换成了 image )

我不可能要求每个人都装 emojione … 所以,emojione 类的扩展并不能解决我的诉求。所以我造了 +Emoji

PS:+Emoji 并不准备针对全部的人的诉求,它只针对有「与我一样困扰」的人。 :grin: