Don’t bend it, extend it.
Our editor does what you would expect from a modern editor, and probably way more than that. With 58 extensions there’s a lot to explore for you.
Show only
Collaboration History
Versioning made easy with Tiptap Collaboration features
Functionality
Pro
Details
It’s all in the details.
Node
Pro
DetailsContent
It’s all in the details.
Node
Pro
DetailsSummary
It’s all in the details.
Node
Pro
Emoji
Everything is better with emojis. :heart_eyes:
Node
Pro
File Handler
Handle dropped and pasted files in the editor.
Functionality
Pro
Invisible Characters
Easy way to manage invisible characters within your editor.
Functionality
Pro
Mathematics
Typeset complex mathematical expressions in Tiptap.
Functionality
Pro
TableOfContent
Create a Table of content for your editor.
Functionality
Pro
Tiptap AI
OpenAI integration for Tiptap Editor
Functionality
Pro
UniqueID
Add an unique ID to every single node and keep track of them.
Functionality
Pro
Blockquote
Quoting other people will make you look clever.
Node
Bold
Make your text bold and let it stand out.
Mark
Bubble Menu
Add a toolbar that pops up above the text. Great to apply inline formatting.
Functionality
BulletList
Everything looks more serious with a few bullet points.
Node
CharacterCount
Limit the number of characters in your editor, or at least count them.
Functionality
Code
Developers love to add some inline code to their texts.
Mark
CodeBlock
The least code the better, but sometimes you just need multiple lines.
Node
CodeBlockLowlight
Add some colorful syntax highlighting to your code blocks.
Node
Collaboration
Collaborative text editing can be fricking complex, but it doesn’t have to be that way.
Functionality
CollaborationCursor
See other user’s cursors and their name while they type.
Functionality
Color
Add text color support to your editor (comes with unlimited colors).
Functionality
Document
Everyone needs it, nobody talks about it: the Document extension.
Node
Dropcursor
Adds a cursor when something is dragged inside the editor.
Functionality
Floating Menu
Make a toolbar appear automagically on empty lines.
Functionality
Focus
Keep track of where the cursor is, and let the user know you know it.
Functionality
FontFamily
Doesn’t have support for Comic Sans, but for all other fonts.
Functionality
Gapcursor
The gapcursor makes sure the cursor doesn’t get stuck … in a gap.
Functionality
HardBreak
Sometimes we all need a break, even if it’s just a line break.
Node
Heading
Structure the content with headings (comes with 6 different levels or less).
Node
Highlight
Make it look nerdier with some colorful text highlights.
Mark
History
If I could just go back and make everything undone … you can.
Functionality
HorizontalRule
Separate what needs to be separated, but use it wisely.
Node
Image
Add an image (but a beautiful one), when words aren’t enough.
Node
Italic
Helps to emphasize your text, doesn’t bring you closer to Italy though.
Mark
Link
Link it, link it good, link it real good (and don’t forget the href).
Mark
ListItem
Simply does its job. Doesn’t even care if it’s part of a bullet list or an ordered list.
Node
ListKeymap
Add extra keymap handlers to change the default backspace and delete behavior for lists.
Functionality
Mention
Ping all your people @marijn @kevin
Node
OrderedList
If a bullet list doesn’t look serious enough, put some numbers in front of it.
Node
Paragraph
Mom, look! I wrote a paragraph on the Internet.
Node
Placeholder
Configure a helpful placeholder to fill the emptyness.
Functionality
StarterKit
All the popular extensions in a single extension. Doesn’t get much better than this.
Functionality
Strike
Cut through the words you wrote if you’re too afraid to delete it.
Mark
Subscript
Write slightly below the normal line to show you’re unique.
Mark
Superscript
Write slightly above the normal line to show you’re just next level.
Mark
Table
You’re working on something really serious if you need tables inside a text editor.
Node
TableCell
It’s useless without all its other table friends: the table cell.
Node
TableHeader
Tables don’t require a header, but let’s be honest: They look better with it.
Node
TableRow
The perfect middle ground between a table and a table cell.
Node
TaskItem
The actually task, without it the task list would be nothing.
Node
TaskList
Adds support for tasks (doesn’t make sure you actually complete them though).
Node
Text
No text editor without text, so better make sure to install that one.
Node
TextAlign
Left, right, center, whatever! Align the text however you like.
Functionality
TextStyle
Useless extension, just adds <span> tags (required by other extensions though).
Mark
Typography
The typography smart ass for your editor, replaces everything that’s wrong.
Functionality
Underline
Add a line below your text to make it look more … underlined.
Mark
YouTube
Your favorite videos and jams - right in your editor!
Node