检测到论坛CSS可能没有正确加载,如出现排版混乱请刷新重试。

We detected that the CSS might not be loaded correctly. If the website displays abnormally, Please refresh and try again.

JC_ProPlus 物尽其用[tieba=huaji],当时我正在寻找一个现成的拥有大批量 Emoji 的帖子用于测试,然后想起了这个🤪

JC_ProPlus 呵呵呵呵呵呵呵呵呵呵呵呵

綾瀬桃桃 话又说回来,这个问题乍一看挺难的,其实有一个笨办法:
通过 Nginx 再增加一个https://cdn.jsdelivr.net/gh/twitter/twemoji@15/assets/替换https://gh.sourcegcdn.com/DellZHackintosh/msemoji/1.0.0/src/的命令。
只要用户不使用 Unicode 15 的表情,他们就不会有感知了。

何木槿 不太明白您什么意思呢……请更详细地补充此话,然后重试。
事实上,希望也不算大,目前只有1500多个表情可用。还少了很多。


我早说了,只要微软想做,微软肯定可以用 SVG 做 3D 效果,你看,这不就成了吗?


何木槿 开源了4种类型。

  1. 3D,PNG
  2. 3D,SVG
  3. 2D,SVG
  4. 回滚式文字型(被称为“高对比度”),SVG

可惜还不完整,不知道下次 msemoji 更新能不能在这个仓库里面找到。

1 个月 后

msemoji 1.1.0 Beta1 推出

PNG 版本的 MSEmoji 已获得 Emoji 14.0 的支持。


如果论坛已跟进此更新,那么以下表情应全部显示为微软表情:
🫠 🫢 🫣 🫡 🫥 🫤 🥹 🫱 🫲 🫳 🫴 🫰 🫵 🫶 🫦 🫅 🫃 🫄 🧌 🪸 🪷 🪹 🪺 🫘 🫗 🫙 🛝 🛞 🛟 🪬 🪩 🪫 🩼 🩻 🫧 🪪 🟰 🫱🏻 🫱🏼 🫱🏽 🫱🏾 🫱🏿 🫲🏻 🫲🏼 🫲🏽 🫲🏾 🫲🏿 🫳🏻 🫳🏼 🫳🏽 🫳🏾 🫳🏿 🫴🏻 🫴🏼 🫴🏽 🫴🏾 🫴🏿 🫰🏻 🫰🏼 🫰🏽 🫰🏾 🫰🏿 🫵🏻 🫵🏼 🫵🏽 🫵🏾 🫵🏿 🫶🏻 🫶🏼 🫶🏽 🫶🏾 🫶🏿 🤝🏻 🤝🏼 🤝🏽 🤝🏾 🤝🏿 🫱🏻🫲🏼 🫱🏻🫲🏽 🫱🏻🫲🏾 🫱🏻🫲🏿 🫱🏼🫲🏻 🫱🏼🫲🏽 🫱🏼🫲🏾 🫱🏼🫲🏿 🫱🏽🫲🏻 🫱🏽🫲🏼 🫱🏽🫲🏾 🫱🏽🫲🏿 🫱🏾🫲🏻 🫱🏾🫲🏼 🫱🏾🫲🏽 🫱🏾🫲🏿 🫱🏿🫲🏻 🫱🏿🫲🏼 🫱🏿🫲🏽 🫱🏿🫲🏾 🫅🏻 🫅🏼 🫅🏽 🫅🏾 🫅🏿 🫃🏻 🫃🏼 🫃🏽 🫃🏾 🫃🏿 🫄🏻 🫄🏼 🫄🏽 🫄🏾 🫄🏿

而下列表情应该有外观变动:
😷 🥲 💨 💦 🌸 👅 ❤️ 🧡 💛 💚 💙 💜 🖤 🤍 🤎 🔄 ✖️

5 个月 后

最近论坛是有些乱。希望这个新消息能够活跃活跃气氛。

宣布 MSEmoji 1.1.0 正式版!

  • 全面支持 Emoji 14.0;
  • 全面换用微软开源仓库内表情资源;
  • 现支持5种不同变体风格;

虽然现在还处在最后收尾阶段,但论坛已经可以准备上车了!😃

既然发布了,那就再画两张🫓吧(

下一个版本更新(1.1.1)

  • NPM Support;
  • 拆掉 Twemoji 的残留,也就是这个仓库里面没有的东西;
  • (可能)增加微软补充的一些遗漏。

下一个大版本更新(1.2.0)

  • Emoji 15 Support;
  • 组合表情支持(握手、牵手、亲吻、夫妻和家庭)。

    DaleZ NPM Support;

    不过话又说回来,上传到 NPM 上面需要做什么额外工作吗?Twemoji 那边在 NPM 有好几个不同的 JS 文件……

      6 天 后

      DaleZ 也就是说,Flarum 那边 import twemoji 的时候实质上到底调用了哪一个 js?

      它们都不太一样……哦,twemoji.npm.jstwemoji.js其实就多了几句话。直接补上就行。

        吐槽。

        开高对比度模式前

        开高对比度模式后


        不就是用正则表达式删了个肤色修饰符吗???耗时硬生生给我增加这么多?!
        这事只能怪 Unicode 那边了。什么“政治正确”?我也是无语了。。。


        下一个大版本更新怎么支持组合表情?我目前思路是:

        • 拆开组合表情,例如,👨👩👧拆分为👨[zwj]👩[zwj]👧
        • 把三个表情转换成图片;
        • 用一个 div 包裹,表明这是同一个表情;
        • 最后用 CSS 把图片重新摆放回原来的布局。

        缺点是:

        • 如果图片载不出来,那么你就会看不出这是什么;
        • 必须新增 CSS,而且 CSS 巨大;
        • 用一个脑细胞都能想到的超长 Parse 时间。

        但愿有人可以为我提供更好的思路吧。

        綾瀬桃桃 哦对了这是个编译出来的文件 你需要修改twemoji源码script目录下面的文件并使用node scripts/build.js编译

          綾瀬桃桃 但你看入口是——


          綾瀬桃桃 看来以后我可以用build.js来开发🤔,但这个看起来比min还难改……


          我在 Github 那边 wvbdev 推了些更改,合并吗?[tieba=huaji]

            DaleZ 我在 Github 那边 wvbdev 推了些更改,合并吗?

            这个你找其他核管 我不在组织里(

            DaleZ 但这个看起来比min还难改……

            编译后的文件反而更难改(难不成先Prettify再Minify 而且像Webpack输出的你就别想改(
            而且没有注释 直接看不太能看得懂

              綾瀬桃桃 这个你找其他核管 我不在组织里(

              当然这也不仅仅是只给单个人看的(((

              綾瀬桃桃 先Prettify再Minify

              不幸的是,确实是这样——Twitter 给的原文件里面的注释基本和没有一样,完全不仔细讲讲 Parse 期间每一步都干了什么,最后还是得我自己推断。build.js里面多了更多的语句,也就是说我可能会掉头发🤔
              而且,我到现在也不知道怎么用 node.js 编译、加依赖项,头疼……

                DaleZ 而且,我到现在也不知道怎么用 node.js 编译、加依赖项,头疼……

                这个的话建议去了解一下npm这类包管理器的使用(不过Twemoji好像是用的yarn 下面就以yarn举例)
                安装包 yarn install (这个install也可以不加)
                编译 yarn run build (不同的package指令不一样 建议看package.json是怎么定义的)
                如果要加dependency的话就是 yarn add [包名]

                DaleZ build.js里面多了更多的语句,也就是说我可能会掉头发🤔

                比我这种基本上读不懂javascript的好

                DaleZ 当然这也不仅仅是只给单个人看的(((

                帮你去核管群里喊了一下 接下来就是sit back and relax了(

                  綾瀬桃桃 (不过Twemoji好像是用的yarn 下面就以yarn举例)

                  发现确实是,所以你成功地误导我去做了使用 node.js 开发的准备……

                  23 天 后

                  经过了十几二十多天,现在终于去掉了所有 Parse 不了的东西(恶心的正则表达式)
                  预计本月推出。

                  © 2025 wvbCommunity 管理团队

                  删封申诉 | 知乎专栏 | 状态监控 | 用户协议(EULA) | 隐私政策

                  本站文章除其作者特殊声明外,一律采用CC BY-NC-SA 4.0许可协议进行授权,进行转载或二次创作时务必以相同协议进行共享,严禁用于商业用途。