tiptap/docs/api/nodes/emoji.md

---
description: "Not ready yet. :construction:"
icon: emotion-line
---

# Emoji

## Support for emojis
There is no extension or example yet, but it’s definitely on our list to build a dedicated extension to add emoji support.

If you want to give it a shot yourself, you could start altering the [`Mention`](/api/nodes/mention) node. This uses the [`Suggestion`](/api/utilities/suggestion) utility, which should help with an autocomplete and such things.

:::pro Fund the development ♥
We need your support to maintain, update, support and develop tiptap. If you’re waiting for this extension, [become a sponsor and fund our work](/sponsor).
:::

## Bring your own emoji picker
You can use any emoji picker, or build your own. Just use [commands](/api/commands) to insert the picked emojis.

```js
this.editor.chain().focus().insertContent('✨').run()
```

<tiptap-demo name="Nodes/Emoji"></tiptap-demo>
-												docs: add descriptions to all extensions

											
										
										
											2021-10-14 06:13:50 +08:00
+								---
 								description: "Not ready yet. :construction:"
-												docs: add icons for extensions

											
										
										
											2021-10-15 03:20:21 +08:00
+								icon: emotion-line
-												docs: add descriptions to all extensions

											
										
										
											2021-10-14 06:13:50 +08:00
+								---
-												docs: add new placeholder pages

											
										
										
											2021-01-18 21:39:26 +08:00
+								# Emoji
-												docs: update content

											
										
										
											2021-03-31 02:45:48 +08:00
+								## Support for emojis
 								There is no extension or example yet, but it’s definitely on our list to build a dedicated extension to add emoji support.
-												docs: update content

											
										
										
											2021-04-09 05:00:01 +08:00
+								If you want to give it a shot yourself, you could start altering the [`Mention`](/api/nodes/mention) node. This uses the [`Suggestion`](/api/utilities/suggestion) utility, which should help with an autocomplete and such things.
-												docs: update content

											
										
										
											2021-03-31 02:45:48 +08:00
-												fix hearts

											
										
										
											2021-02-06 03:37:09 +08:00
+								:::pro Fund the development ♥
-												docs: update content

											
										
										
											2021-04-16 03:48:19 +08:00
+								We need your support to maintain, update, support and develop tiptap. If you’re waiting for this extension, [become a sponsor and fund our work](/sponsor).
-												docs: add new placeholder pages

											
										
										
											2021-01-18 21:39:26 +08:00
+								:::
-												docs: update content

											
										
										
											2021-03-31 02:45:48 +08:00
+								## Bring your own emoji picker
 								You can use any emoji picker, or build your own. Just use [commands](/api/commands) to insert the picked emojis.
 								```js
-												feat: add insertContent() command, deprecate insertText(), insertHTML() and insertNode()

											
										
										
											2021-04-07 17:53:37 +08:00
+								this.editor.chain().focus().insertContent('✨').run()
-												docs: update content

											
										
										
											2021-03-31 02:45:48 +08:00
+								```
-												replace demo component with custom element

											
										
										
											2021-08-26 05:10:20 +08:00
+								<tiptap-demo name="Nodes/Emoji"></tiptap-demo>