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

讨论分享
1

+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 窗口

popup.png1558×1436 115 KB

插入全部

定制化

option.png1178×803 33.4 KB

已知问题

  • iFrame 无法使用 插入模式；

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

感谢

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

最后

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

1 个赞
2

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

image
image790×81 2.79 KB

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

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

1 个赞
4

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

1 个赞
5

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

1 个赞
3

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

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

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

7

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

6

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

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

8

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

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

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

9

我知道你的意思 :smile:

我想说的是（我的真实经历…）

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

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

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