Phases.Umbraco.Community.Tiptap.Rte.Emoji

Add emoji support to the Umbraco Tiptap Rich Text Editor

---

📋 What is this?

This package adds emoji support to the Umbraco Rich Text Editor (Tiptap).

It lets editors easily insert emojis while writing content, making content more expressive and user friendly.

---

✨ Features

• Add emojis inside the Rich Text Editor
• Simple emoji picker
• Works directly inside Tiptap editor
• Lightweight and easy to use

---

🖱️ How to Use

1. Open any content page in Umbraco
2. Go to a Rich Text Editor field
3. Click the emoji option in the editor toolbar
4. Select an emoji and insert it into your content

---

🔧 Installation

Via NuGet

Install-Package Phases.Umbraco.Community.Tiptap.Rte.Emoji

---

⚙️ Configuration

After installing the package, follow these steps:

1. Go to Settings
2. Open Data Types
3. Select your Rich Text Editor
4. Add the Emoji action to the toolbar
5. Save the data type

Now, go to a content page and open the Rich Text Editor — you will see the emoji option in the toolbar.

🐛 Troubleshooting

Emoji option not visible

• Make sure you are using the Tiptap Rich Text Editor
• Refresh the browser (Ctrl + F5)
• Check browser console for errors

Emoji not inserting

• Check if JavaScript files are loading correctly
• Make sure there are no conflicts with other packages

---

📌 Notes

• Works only with Tiptap Rich Text Editor
• Designed to be simple and minimal
• No impact on other parts of Umbraco

---

📸 Screenshots

Open Rich Text Editor Data Type

Add Emoji Action to Toolbar

Emoji Available in Editor Toolbar