EMOJIS

The Roam Emoji extension allows users to use familiar colon syntax to insert emojis into the text block.

Installation

You could use the Copy Extension button below to individually install this extension. To install, just paste anywhere in your Roam graph and click "Yes, I Know What I'm Doing".

Manual Installation

If instead you prefer to manually install, first create a block with the text {{[[roam/js]]}} on any page in your Roam DB. Then, copy and paste this code block as a child of the block.

var existing = document.getElementById("roamjs-emojis");
if (!existing) {
  var extension = document.createElement("script");
  extension.src = "https://roamjs.com/emojis.js";
  extension.id = "roamjs-emojis";
  extension.async = true;
  extension.type = "text/javascript";
  document.getElementsByTagName("head")[0].appendChild(extension);
}

Usage

The script supports the following configuration attributes, to be added in the [[roam/js/emojis]] page:

  • Minimum Characters - (Optional) The minimum number of characters needed to show the emoji menu, defaulted to 2 just like in slack.

In a block, start typing with a colon, the name of the emoji, followed by an ending colon. The script will replace the colon'ed phrase with the supported emoji.

To view all available emojis, they could be found in the following JSON file.

Demo

Contributors

This extension is brought to you by RoamJS! If you are facing any issues reach out to support@roamjs.com or click on the chat button on the bottom right. If you get value from using this extension, consider sponsoring RoamJS by clicking on the button below!

ROAMJS DIGEST

Add your email below to stay up to date on all RoamJS features, fixes, and news!

Other Extensions