Comment en Coder Emoji
Represent emoji en various formats: UTF-8 octets, Unicode escapes, HTML entities, et Base64.
问题
You besoin en include un emoji en un système ce fait non accepter raw non-ASCII caractères, such comme un JSON API ou hérité base de données.
Prérequis
- Understanding of Unicode code points
- Familiarity with surrogate pairs
Étapes
-
1. Find the emoji code point
Look up the emoji in the Unicode character database. Most emoji are in the U+1F300 to U+1FAFF range. Some emoji use variation selectors (U+FE0F) to request color rendering. Note the full sequence including any selectors.
entrée🎉输出U+1F389 -
2. Choose the target format
For JavaScript, use \u{1F389} or the surrogate pair \uD83C\uDF89. For HTML, use 🎉 or the named entity if available. For UTF-8, encode as F0 9F 8E 89. For JSON, the raw emoji is valid if the JSON is UTF-8.
entrée🎉输出JS: \uD83C\uDF89 | HTML: 🎉 | UTF-8: F0 9F 8E 89 -
3. Test round-trip fidelity
Decode the representation back to the emoji and verify it renders identically. Some systems strip variation selectors, changing the appearance. Test on multiple platforms if the emoji must render consistently.
entrée\uD83C\uDF89输出🎉 ✓
Résultat attendu
Un encoded representation de le emoji ce decodes en le exact original caractère sur le target platform.
Erreurs courantes
- Emoji renders as a monochrome glyph instead of color
- Append the variation selector U+FE0F to request emoji-style (color) rendering on platforms that support it.
- Surrogate pair is split during string manipulation
- Use code-point-aware string operations. Never split a string at an arbitrary index without checking for surrogate boundaries.
Dépannage指引
- If the emoji shows as a box, the target system lacks a font with that glyph. This is a rendering issue, not an encoding error.
- Zwj sequences (zero-width joiner) create compound emoji like 👨👩👧. Handle them as a single grapheme cluster.
Limites de sécurité
- Emoji can be used in homoglyph or ZWJ-based obfuscation attacks. Normalize and inspect emoji sequences in security-sensitive contexts.