Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
zulip/templates/zerver/help/enable-emoticon-translation...

93 lines
2.7 KiB
Markdown
Raw Normal View History

emoji: Add support for translating emoticons. Add `translate_emoticons` to `prop_types` and `expected_keys`. Furthermore, create a emoji-translating Markdown inline pattern. Also use a JavaScript version of `translate_emoticons` and then use this function during Markdown previews and as a preprocessor. This is only needed for previews, because usually emoticon translation happens on the backend after sending. Add tests for emoticon translation, a settings UI, and a /help/ page as well. Tweaked by tabbott to fix various test failurse as well as how this handles whitespace, requiring emoticons to not have adjacent characters. Fixes #1768.
2018-01-15 19:36:32 +01:00
# Enable emoticon translation
If you use emoticons like `:)` or `:/`, you can have them translated into
emoji equivalents like
<img
src="/static/generated/emoji/images/emoji/smile.png"
alt="smiley"
style="width: 3%;"
/>
or
<img
src="/static/generated/emoji/images/emoji/slightly_frowning_face.png"
alt="slightly_frowning_face"
style="width: 3%;"
/>
automatically by Zulip.
{!go-to-the.md!} [Display settings](/#settings/display-settings)
{!settings.md!}
2. Select the option labeled
**Translate emoticons (convert `:)` to 😃 in messages)**.
Then whenever you send a message with a supported emoticon, it will be
translated into an emoji.
## Current emoticon conversions
<table>
<thead>
<tr>
<th align="center">Emoticon</th>
<th align="center">Emoji</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>:)</code></td>
<td align="center">
<img
src="/static/generated/emoji/images/emoji/smiley.png"
alt="smiley"
style="width: 30%;">
</td>
</tr>
<tr>
<td align="center"><code>(:</code></td>
<td align="center">
<img
src="/static/generated/emoji/images/emoji/smiley.png"
alt="smiley"
style="width: 30%;">
</td>
</tr>
<tr>
<td align="center"><code>:(</code></td>
<td align="center">
<img
src="/static/generated/emoji/images/emoji/slightly_frowning_face.png"
alt="slightly_frowning_face"
style="width: 30%;">
</td>
</tr>
<tr>
<td align="center"><code>&lt;3</code></td>
<td align="center">
<img
src="/static/generated/emoji/images/emoji/heart.png"
alt="heart"
style="width: 30%;">
</td>
</tr>
<tr>
<td align="center"><code>:|</code></td>
<td align="center">
<img
src="/static/generated/emoji/images/emoji/expressionless.png"
alt="expressionless"
style="width: 30%;">
</td>
</tr>
<tr>
<td align="center"><code>:/</code></td>
<td align="center">
<img
src="/static/generated/emoji/images/emoji/confused.png"
alt="confused"
style="width: 30%;">
</td>
</tr>
</tbody>
</table>