表情选择器小部件
用一个 iframe 将包含 5000 多个可搜索表情的选择器放到任何网站。无需安装 JavaScript、无需 API 密钥、无需构建过程,也无需持续更新。适用于纯 HTML、WordPress、Ghost、Webflow 及任何静态站点。
构建你的嵌入
跟随访客的系统设置
<iframe
src="https://getmoji.app/embed/emoji-picker"
width="100%"
height="500"
style="border:1px solid #C6C6C3;max-width:400px"
title="Emoji picker — search and copy any emoji"
loading="lazy"
></iframe>
<p style="font:13px/1.5 system-ui,sans-serif;margin:6px 0 0">
<a href="https://getmoji.app/">Emoji picker</a> by
<a href="https://getmoji.app/">GetMoji</a>
</p>署名行特意放在 iframe 外面——这样它才能成为你页面上的真实链接,而不是藏在框架里的死链接。保留署名并非强制,但欢迎你这么做。
你能获得什么
5000+ 表情
完整的 Unicode 集合,按名称分组并可搜索。
无 JavaScript
一个 iframe。无需安装,无需持续更新。
浅色、深色或自动
自动模式会跟随每位访客自身的系统设置。
点击即复制
访客点击某个符号,符号便存入剪贴板。
无 Cookie
小组件不设置任何 Cookie,也不识别任何用户。
响应式
设置任意宽度,网格自动重排适应。
自定义
| 参数 | 数值 | 默认 | 效果 |
|---|---|---|---|
| 主题 | 浅色 · 深色 | 自动 | 固定组件外观。若不设置,组件会跟随每位访客的系统设置,并在系统设置变化时自动同步。 |
宽度和高度通过 iframe 本身设置,而非参数。选择器会根据你给定的宽度自动重排。
常见问题
表情选择器组件是免费的吗?
完全免费,无需账户、API 密钥或使用次数限制。若能在小组件下方保留小小的信用链接,我们将不胜感激,但非必须。
组件需要 JavaScript 吗?
不需要。它就是一个 iframe,能用于纯 HTML、WordPress、Ghost、Webflow、Notion 嵌入页以及任何静态站点生成器。无需安装,也无需持续更新。
如何设置组件主题?
在 iframe URL 后添加 ?theme=light 或 ?theme=dark。不加参数时,小组件会跟随每位访客自身的系统设置,从而在浅色与深色模式下都与你页面匹配。
组件会追踪我的访客吗?
小组件不设置任何 Cookie,也不识别任何用户。它从 getmoji.app 加载,因此我们的服务器会看到标准请求日志——就像任何嵌入资源一样。
在 iframe 内如何复制?
点击某个表情符号会从框架内通过浏览器剪贴板 API 将其复制到剪贴板。你的访客随后可粘贴到任何地方——小组件不会向你的页面回传任何信息。
能否调整组件尺寸?
可以。iframe 是响应式的:设置任意宽度,网格会自动重排。默认代码片段的宽度为 100%,最大宽度 400px,适合侧边栏或内容列。