问题标签 [twemoji]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
148 浏览

javascript - 使用 twemoji 解析“3 个字母”表情符号

我正在尝试使用该twemoji.parse()功能来渲染“3 个字母”的表情符号,例如“‍♀️”,这将是一位皮肤黝黑的女侦探。

这是我尝试过的:

试一试

twemoji.parse("‍♀")

结果: 图片


试试两个

twemoji.parse("♀‍") 图片

0 投票
0 回答
47 浏览

twitter - twitter/twemoji : 国家代码和字母之间存在冲突

我现在正在使用 twitter/twemoji。

但有时会与 unicode 冲突。

如果,我选择'p','y'(字母表情符号),它(twemoji)被识别为巴拉圭国家代码。如何区分国家代码和字母?

0 投票
1 回答
5464 浏览

vue.js - 在 VueJs 应用程序中实现表情符号

我希望为我的聊天应用项目设置表情符号。我真的很喜欢 slack / tweeter 中的表情符号,我想要类似的东西。

我找到了以下库:(如果有人能推荐一个更好的库,我很想听)

表情区

wdt 表情包

我不确定如何加载这些库并在 VueJS 应用程序中使用它们。任何人都可以协助如何加载和使用它们吗?

我想提一下我尝试使用emoji-mart-vue 但不确定如何在运行时将组件添加到模板中。

非常感谢

0 投票
1 回答
242 浏览

node.js - JS - Laravel Mix/NPM.js:变量 twemoji.parse 未找到/未定义

大家好,

在 Laravel Mix 中,我正在尝试使用 Node.js 安装 Twemoji 以及其他模块。

我收到控制台错误,表明未正确加载依赖项

例如:TypeError: t.parse is not a function. (In 't.parse(document.body)', 't.parse' is undefined)

Twemoji 安装如下:

  1. 运行外壳命令npm install twemoji
  2. 添加require('twemoji');到我将由 Laravel 混合的 JS 文件中
  3. 运行 Laravel Mix ( npm run production -- --watch)

另一个模块 Datepicker 运行良好。它以相同的方式导入,并通过require('@chenfengyuan/datepicker');同一文件导入。

我的 package.json:

非常感谢让 Twemoji 正常工作的任何帮助。预先感谢您,祝您晚上愉快。

你的,蒂埃里

0 投票
0 回答
266 浏览

javascript - 如何将 unicode 表情符号转换为十六进制代码点(具有多个组)

我正在构建一个应用程序来转换表情符号短名称(如:flag_cf:)并通过一系列操作将它们转换为十六进制代码点(这是地图中返回 Twitter 表情符号/tw​​emoji 的键)。

我有一个实用程序(emojione.shortnameToUnicode())将短名称转换为本机 unicode 表情符号,但我在将本机 unicode 表情符号转换为十六进制代码点时遇到了麻烦。

我一直在使用:

当生成的十六进制代码点是单个数字时,这可以正常工作。但是,表情符号之类的标志似乎有两个,例如:flag_cn:is 1f1f9-1f1f7。但是,我上面的过程只会返回第一个十六进制代码点(即1f1f9)。

0 投票
2 回答
2001 浏览

javascript - 如何用twemoji替换html中的表情符号?

在用户生成的帖子中,我有许多原始表情符号,例如

我想知道用彩色表情符号替换这些表情符号的最佳方法是什么,例如:

我想用twemoji库来设计表情符号。

您可能会问为什么不让用户在选择表情符号时首先插入样式化的表情符号?答案是界面的文本编辑器不是所见即所得的,并且用户帖子被严重剥离。所以这种选项被排除在外,我正在寻找一种在渲染时进行这种转换的解决方案。

0 投票
1 回答
901 浏览

javascript - 如何调整twemoji表情符号的大小?

我正在使用twemoji在页面上设置表情符号的样式:

它工作正常,但是默认的表情符号结果是72x72

我希望 twemoji 改为呈现16x16png 或 svg 图标。

文档没有明确说明如何更改图标大小,所以我尝试了以下操作:

但没有一个奏效。我怎样才能解决这个问题?

0 投票
0 回答
235 浏览

react-native - 如何在 React-Native 中使用 Twemoji?

我只想渲染表情符号,不管是最简单的方法。它不一定要替换整个字体包。只要我能一个一个地渲染每个表情符号就足够了。

0 投票
1 回答
173 浏览

vue.js - 如何在 Vue 中使用 SVG 版本的 Twemoji?

我在我的 Vue 项目中使用 twemoji。我已经包含了 twemoji 包,它运行良好。

我有一个这样的指令:

我像这样使用它:

这一切都很好。但默认的 twemoji 扩展名是 PNG,它在手机上呈现有点模糊。我想改用 SVG 选项。

官方 twemoji 文档说我可以使用 SVG:

但是当我定义我的指令时,我不知道如何声明这些选项。

这是一个小提琴:https ://codepen.io/tdkn/pen/yEmazB

谢谢!

0 投票
1 回答
156 浏览

angular - 在 angular + jest 中运行单元测试时如何正确模拟库“Twemoji”?

我的目标是在我的 Angular 应用程序中开玩笑地运行单元测试,而不是:

Twemoji已添加到项目package.jsonangular.json文件、脚本部分。它在运行和构建应用程序时运行良好,但在运行单元测试时失败并出现上述错误。

我试过的

我尝试将以下内容添加到我的src/jestGlobalMocks.ts文件中:

src/typings.d.ts

但这似乎并没有解决问题,因为我仍然收到错误 TS2304。我似乎有一些不一致的行为,因为它有时似乎有效?期待解决方案/解释:)