Custom Emoji Set

Support

AI-generated summary

The discussion revolves around adding a custom emoji set, specifically Joy Pixels or Emoji One, to a Discourse site. cookieman768 initially inquired about uploading the set to replace the existing one. Qursch suggested using the emoji menu under Admin → Customize, but cookieman768 wanted to replace the entire set rather than add custom emojis.

Falco provided a technical solution using the external emoji url setting. To implement this, one would need to:

  • Upload the custom emoji set to a website with a specific directory structure, mimicking an existing set.
  • Set the external emoji url to the website URL and choose the corresponding emoji set.

This hack allows for replacing the default emoji set with a custom one.

1

Hello everyone! I noticed that due to recent licensing changes Discourse removed Joy Pixels from the emoji sets. I have a license for Joy Pixels and was wondering how I can upload the set back, so it is integrated with the emoji picker and not just the custom emojis section.

2

I’m still wondering if this would be possible. I did see the setting in my site admin section called external emoji url but I am not sure what it wants in the directory of that URL.

3

Under Admin → Customize, there is an emoji menu where you can upload custom emojis for use anywhere on your site.

I believe I misunderstood. You want to upload a whole emoji set.

4

My only real issue with that is that I want to completely replace the emoji set with Emoji One instead of just adding a few custom ones.

5

That is technically doable using this setting as a hack.

Upload the emoji set you want to a website you control, follow the directory structure we use and borrow one of the existing sets name. For example, let’s say you have https://cookieman-emojis.com for this:

  1. Create a folder at the root of the website named google

  2. Upload you custom emoji set inside that folder following the directory/file structure you see at https://github.com/discourse/discourse/tree/master/public/images/emoji/google

  3. Test if it works by visiting https://cookieman-emojis.com/google/a.png. Does it shows the correct emoji?

  4. Go to your own Discourse instance and set external emoji url to https://cookieman-emojis.com. Also set emoji set to Google.