# Emoji Autocomplete

**URL:** <https://forum.ghost.org/t/emoji-autocomplete/882>\
**Category:** Ideas\
**Tags:** 🚢-shipped\
**Created:** [April 13, 2018, 12:55pm UTC](https://forum.ghost.org/t/emoji-autocomplete/882 "2018-04-13T12:55:42Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![mskian](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/mskian/32/4973_2.png) [@mskian](https://forum.ghost.org/u/mskian)\
**Post date:** [April 13, 2018, 12:55pm UTC](https://forum.ghost.org/t/emoji-autocomplete/882/1 "2018-04-13T12:55:42Z")

</div>

I am the Big Fan of Emojis 💯

I am Looking for this Feature on Ghost

Add Emoji Options like Discourse

---

<div class="post-metadata">

**Author:** ![Kevin](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/kevin/32/32_2.png) [@Kevin](https://forum.ghost.org/u/Kevin)\
**Post date:** [April 13, 2018, 1:42pm UTC](https://forum.ghost.org/t/emoji-autocomplete/882/2 "2018-04-13T13:42:05Z")

</div>

If you’re on Windows 10 or macOS then your OS has an emoji picker (with search) that you can use anywhere.

macOS: Ctrl+Cmd+Space

Windows 10: Windows+. or Windows+;

* * *

It’s unlikely that a non-native emoji picker or `:smile:` type emoji support will be added to the current markdown editor. With the upcoming [Koenig editor](https://github.com/TryGhost/Ghost/issues/9311) there could eventually be a way to install an emoji app that adds a picker or `:smile:` support to the editor.

---

<div class="post-metadata">

**Author:** ![jeff](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/jeff/32/4900_2.png) [@jeff](https://forum.ghost.org/u/jeff)\
**Post date:** [April 14, 2018, 2:14pm UTC](https://forum.ghost.org/t/emoji-autocomplete/882/3 "2018-04-14T14:14:22Z")

</div>

Why not just use Font Awesome? [Find Icons with the Perfect Look & Feel | Font Awesome](https://fontawesome.com/icons?d=gallery&m=free)

You just pull their CSS into your pages in the code-injection section, then in your articles you embed `<i>` to get auto-sized icons - e.g. emoticons like:

```auto
<i class="far fa-thumbs-up"></i>
<i class="far fa-smile"></i>
<i class="far fa-meh"></i>

```

---

<div class="post-metadata">

**Author:** ![John](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/john/32/29288_2.png) [@John](https://forum.ghost.org/u/John)\
**Post date:** [September 11, 2018, 2:38pm UTC](https://forum.ghost.org/t/emoji-autocomplete/882/5 "2018-09-11T14:38:45Z")

</div>

Retitled this idea to “Emoji Autocomplete” - because while we probably don’t want to build out a complex implementation of Emoji using images, we could definitely do an autocomplete helper tool

---

<div class="post-metadata">

**Author:** ![epinardscaramel](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/epinardscaramel/32/1432_2.png) [@epinardscaramel](https://forum.ghost.org/u/epinardscaramel)\
**Post date:** [September 13, 2018, 11:54am UTC](https://forum.ghost.org/t/emoji-autocomplete/882/6 "2018-09-13T11:54:07Z")

</div>

Please please allow an option to disable it, though.

I often run into a problem writing in French on Slack and Discourse: I have to put a space before a colon, and that triggers the autocomplete menu for emoji, which are writen like that :‍confused‍:

---

<div class="post-metadata">

**Author:** ![epinardscaramel](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/epinardscaramel/32/1432_2.png) [@epinardscaramel](https://forum.ghost.org/u/epinardscaramel)\
**Post date:** [September 13, 2018, 12:33pm UTC](https://forum.ghost.org/t/emoji-autocomplete/882/7 "2018-09-13T12:33:26Z")

</div>

The way Twitter does it is great:

![twitter%20emoji%20picker](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/2X/4/45c3ec3b347cc303860b2e71bc059538c84c8c62.png)

---

<div class="post-metadata">

**Author:** ![John](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/john/32/29288_2.png) [@John](https://forum.ghost.org/u/John)\
**Post date:** [September 13, 2018, 5:36pm UTC](https://forum.ghost.org/t/emoji-autocomplete/882/8 "2018-09-13T17:36:46Z")

</div>

To be clear: We are not going to do an Emoji Picker - that isn’t happening. This topic is being kept open to track support for Emoji Autocomplete as in:

![image](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/2X/9/9333b3af54f114d60a54dfc675e2e69a2cf290c7.png)

---

<div class="post-metadata">

**Author:** ![epinardscaramel](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/epinardscaramel/32/1432_2.png) [@epinardscaramel](https://forum.ghost.org/u/epinardscaramel)\
**Post date:** [September 14, 2018, 7:45am UTC](https://forum.ghost.org/t/emoji-autocomplete/882/9 "2018-09-14T07:45:40Z")

</div>

Then my comment stands, please take into account languages that require a space before the colon 🙂

---

<div class="post-metadata">

**Author:** ![DonaldTsang](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/donaldtsang/32/2044_2.png) [@DonaldTsang](https://forum.ghost.org/u/DonaldTsang)\
**Post date:** [December 4, 2018, 4:48am UTC](https://forum.ghost.org/t/emoji-autocomplete/882/11 "2018-12-04T04:48:55Z")

</div>

What about blog-specific custom emojis? Is that in the works?

---

<div class="post-metadata">

**Author:** ![DonaldTsang](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/donaldtsang/32/2044_2.png) [@DonaldTsang](https://forum.ghost.org/u/DonaldTsang)\
**Post date:** [December 4, 2018, 4:51am UTC](https://forum.ghost.org/t/emoji-autocomplete/882/12 "2018-12-04T04:51:00Z")

</div>

[GitHub - ryanoasis/nerd-fonts: Iconic font aggregator, collection, & patcher. 3,600+ icons, 50+ patched fonts: Hack, Source Code Pro, more. Glyph collections: Font Awesome, Material Design Icons, Octicons, & more](https://github.com/ryanoasis/nerd-fonts) \<= This has even more emojis, pick whichever you like.  
(Trouble is a JS-based system would make emoji picking easier, and IDK if Ghost can do that)

---

<div class="post-metadata">

**Author:** ![cristian555](https://avatars.discourse-cdn.com/v4/letter/c/45deac/32.png) [@cristian555](https://forum.ghost.org/u/cristian555)\
**Post date:** [January 29, 2019, 11:29am UTC](https://forum.ghost.org/t/emoji-autocomplete/882/13 "2019-01-29T11:29:06Z")

</div>

I am a big fan of emoji. Emojis are very much in use nowadays. This is a good idea to add emoji in the disclosure

---

<div class="post-metadata">

**Author:** ![amun](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/amun/32/8302_2.png) [@amun](https://forum.ghost.org/u/amun)\
**Post date:** [February 7, 2019, 11:56am UTC](https://forum.ghost.org/t/emoji-autocomplete/882/14 "2019-02-07T11:56:00Z")

</div>

Why did you close this topic?

> [@Emoji crazy\_face](https://forum.ghost.org/t/emoji/5511):
>
> Hello. Is there any trick how can I add emoji from Apple or EmojiOne? Thanks.

I do not want to use emoji from Windows — it looks ugly. I followed this tutorial but it does not seem to work with Ghost 2.0. A little help?

[https://iiaku.com/2017/03/31/how-to-add-emojis-to-your-ghost-blog/](https://iiaku.com/2017/03/31/how-to-add-emojis-to-your-ghost-blog/)

Many thanks.

---

<div class="post-metadata">

**Author:** ![kostanos](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/kostanos/32/4252_2.png) [@kostanos](https://forum.ghost.org/u/kostanos)\
**Post date:** [August 11, 2019, 12:01am UTC](https://forum.ghost.org/t/emoji-autocomplete/882/15 "2019-08-11T00:01:17Z")

</div>

> [@jeff](#):
>

This is may be a good as workaround, but not useful to much. When you type text, you can’t use embedded HTML, when you make embedded HTML, will be complicated to make there the text.

So, technically this solution is not the best. Should be some plugin/extension for this.

---

<div class="post-metadata">

**Author:** ![jeff](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/jeff/32/4900_2.png) [@jeff](https://forum.ghost.org/u/jeff)\
**Post date:** [August 11, 2019, 7:38pm UTC](https://forum.ghost.org/t/emoji-autocomplete/882/16 "2019-08-11T19:38:16Z")

</div>

It was better 6 months ago - the new editor behaves differently. It used to be easier to just insert the HTML. Do you have a better suggestion or a plugin/extension? It would be popular 🙂

---

<div class="post-metadata">

**Author:** ![benravetta](https://avatars.discourse-cdn.com/v4/letter/b/85e7bf/32.png) [@benravetta](https://forum.ghost.org/u/benravetta)\
**Post date:** [June 15, 2020, 6:00pm UTC](https://forum.ghost.org/t/emoji-autocomplete/882/18 "2020-06-15T18:00:00Z")

</div>

Wow. I was today years old when I learned about this feature and I’ve been using Mac exclusively for nearly 5 years 🤣

---

<div class="post-metadata">

**Author:** ![fakruzaruret](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/fakruzaruret/32/10946_2.png) [@fakruzaruret](https://forum.ghost.org/u/fakruzaruret)\
**Post date:** [December 5, 2020, 10:08pm UTC](https://forum.ghost.org/t/emoji-autocomplete/882/19 "2020-12-05T22:08:14Z")

</div>

I can not add emoji inline. Editor move it to next line as an image. Also there is no autocomplete fature. How can I use emojies on the same line?

---

<div class="post-metadata">

**Author:** ![markstos](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/markstos/32/18182_2.png) [@markstos](https://forum.ghost.org/u/markstos)\
**Post date:** [June 18, 2022, 7:36pm UTC](https://forum.ghost.org/t/emoji-autocomplete/882/20 "2022-06-18T19:36:53Z")

</div>

A good solution is use an emoji-picker utility that integrated with your OS. Usually they are launched by a global keyboard shortcut so they can be used with any app. After you select the emoji, it will either by copied to the clipboard or typed directly into whatever app is opened.

---

<div class="post-metadata">

**Author:** ![John](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/john/32/29288_2.png) [@John](https://forum.ghost.org/u/John)\
**Post date:** [March 11, 2024, 10:10pm UTC](https://forum.ghost.org/t/emoji-autocomplete/882/21 "2024-03-11T22:10:36Z")

</div>

> **[✨ Emoji autocomplete ✨](https://ghost.org/changelog/emoji-picker/)**
>
> For those of us that like an emoji or two in their posts 🙋 the Ghost Editor just got a little more streamlined. 
> 
> Now, you can add any emoji by simply pressing : and continuing to type. No more fiddling with emoji pickers, and no more...

---

<div class="post-metadata">

**Author:** ![John](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/john/32/29288_2.png) [@John](https://forum.ghost.org/u/John)\
**Post date:** [March 11, 2024, 10:10pm UTC](https://forum.ghost.org/t/emoji-autocomplete/882/22 "2024-03-11T22:10:42Z")

</div>



---

<div class="post-metadata">

**Author:** ![John](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/john/32/29288_2.png) [@John](https://forum.ghost.org/u/John)\
**Post date:** [March 11, 2024, 10:10pm UTC](https://forum.ghost.org/t/emoji-autocomplete/882/23 "2024-03-11T22:10:44Z")

</div>


