<p>It looks like Redactor has a <a href="https://imperavi.com/redactor/plugins/clips/" rel="nofollow noreferrer">plugin called “Clips”</a> that allows you to: </p>

<blockquote>
  <p>Create a dropdown of frequently used "snippets" of code, text, icons,
  emoji, you name it.</p>
</blockquote>

<p>Pixel and Tonic made it into <a href="https://github.com/pixelandtonic/RedactorClips" rel="nofollow noreferrer">a plugin for Craft</a> too.
<strike>I haven’t tried either but it looks like it should do the trick.</strike> I just tried the Craft plugin and it worked out pretty good. It doesn't have a preview of the emoji like Slack’s emoji menu though. </p>

<p>The plugin has settings where you can define the clips and the following HTML with each clip. Pretty straightforward.</p>

<p><img src="https://i.sstatic.net/1x38v.png" alt="Clips plugin settings" title="Clips plugin settings"></p>

<p>After installing it I edited one of the .json config files in <code>craft/config/redactor/</code> directory by adding </p>

<pre><code>"plugins": ["clips"]
</code></pre>

<p>It then gives you a button on the tool bar called Clips. <strong>Make sure your Rich Text field is set to use the config that you added this plugin to.</strong></p>

<p><img src="https://i.sstatic.net/C0VnI.png" alt="toolbar with Clips plugin installed" title="toolbar with Clips plugin installed"></p>

<p>Clicking that button gives you the following list. Clicking on a clip will insert the corresponding HTML</p>

<p><img src="https://i.sstatic.net/2tLWm.png" alt="Clips list in Rich Text field" title="Clips list in Rich Text field"></p>

<p>Not as polished as Slack’s emoji menu. Might be a way to edit the plugin to get it to do that though.</p>

CC BY-SA 3.0
2017-01-09T09:48:17.703Z
Thanks, this is really helpful! And thanks so much for the thorough explanation and screenshots. I do feel like this is still quite a way off from being a _complete_ solution for handling emojis in RTE fields (partly in terms of the limited number this could realistically handle without a large amount of per-project admin and also from a UI point of view, in terms of not seeing the actual emoji, and lots of scrolling), and also I'm _guessing_ from a look at Redactor Clips that if you were using it you could only define one clip set per site) so I won't mark 'accepted' but I've upvoted. Thanks!
Mike Vaux
CC BY-SA 3.0
2017-01-08T11:27:26.403Z
2017-01-08T11:53:56.183Z
2017-01-08T11:53:56.183Z
Cavell Blood
<p>Windows and macOS support "emoji picker" palettes, out of the box:</p>

<ul>
<li><strong>Windows</strong>: Press <code>Windows Key + .</code></li>
<li><strong>macOS</strong>: Press <code>Control + Command + Space</code></li>
<li><strong>iOS</strong>: Use the Emoji key in the bottom-left corner of your on-screen keyboard.</li>
</ul>

CC BY-SA 4.0
2020-02-16T02:58:07.117Z
2020-02-21T00:55:58.463Z
2020-02-21T00:55:58.463Z
Scribbles
<p>Does anyone know of a good way of handling emojis in a rich text field?</p>

<p>I'm aware that is possible to copy and paste them into one, but does anything along the lines of an emoji 'button' (i.e. to sit in the toolbar with a dropdown of categorised emojis) exist? Other suggestions welcome! Just keen to avoid the extra steps of having to find the emoji on an external source, copy, and paste in to the field.</p>

<p>A reference point would be <a href="https://get.slack.help/hc/en-us/articles/202931348-Emoji-and-emoticons" rel="noreferrer">Slack's 'emoji menu'</a>.</p>

<richtext>
Emojis in Rich Text Field
# Emojis in Rich Text Field

(Asked by: username_0 on 2016-09-09)

Does anyone know of a good way of handling emojis in a rich text field?

I'm aware that is possible to copy and paste them into one, but does anything along the lines of an emoji 'button' (i.e. to sit in the toolbar with a dropdown of categorised emojis) exist? Other suggestions welcome! Just keen to avoid the extra steps of having to find the emoji on an external source, copy, and paste in to the field.

A reference point would be [Slack's 'emoji menu'](https://get.slack.help/hc/en-us/articles/202931348-Emoji-and-emoticons).

**Tags:** richtext

---

## 2 answers

### Answer by username_1 on 2017-01-08. Score: 3

It looks like Redactor has a plugin called “Clips” that allows you to: 

Create a dropdown of frequently used "snippets" of code, text, icons,
  emoji, you name it.

Pixel and Tonic made it into a plugin for Craft too.
I haven’t tried either but it looks like it should do the trick. I just tried the Craft plugin and it worked out pretty good. It doesn't have a preview of the emoji like Slack’s emoji menu though. 
The plugin has settings where you can define the clips and the following HTML with each clip. Pretty straightforward.

After installing it I edited one of the .json config files in craft/config/redactor/ directory by adding 
"plugins": ["clips"]

It then gives you a button on the tool bar called Clips. Make sure your Rich Text field is set to use the config that you added this plugin to.

Clicking that button gives you the following list. Clicking on a clip will insert the corresponding HTML

Not as polished as Slack’s emoji menu. Might be a way to edit the plugin to get it to do that though.

> **Comments:**
> **username_0**: Thanks, this is really helpful! And thanks so much for the thorough explanation and screenshots. I do feel like this is still quite a way off from being a _complete_ solution for handling emojis in RTE fields (partly in terms of the limited number this could realistically handle without a large amount of per-project admin and also from a UI point of view, in terms of not seeing the actual emoji, and lots of scrolling), and also I'm _guessing_ from a look at Redactor Clips that if you were using it you could only define one clip set per site) so I won't mark 'accepted' but I've upvoted. Thanks!  

---

### Answer by username_2 on 2020-02-16. Score: 1

Windows and macOS support "emoji picker" palettes, out of the box:

* **Windows**: Press `Windows Key + .`
* **macOS**: Press `Control + Command + Space`
* **iOS**: Use the Emoji key in the bottom-left corner of your on-screen keyboard.


---

