Tiptap Docs/
GuidesExamplesUI ComponentsWebsite
Sign up
Get started
Overview
Install
Vanilla JavaScript
React
Next.js
Vue 3
Vue 2
Nuxt
Svelte
Alpine
PHP
CDN
Configure
Styling
Custom menus
Extensions
Overview
Nodes
Blockquote
Bullet list
Code block
Code block lowlight
Details
Details content
Details summary
Document
Emoji
Hard break
Heading
Horizontal rule
Image
List item
Mathematics
Mention
Ordered list
Paragraph
Table
Table cell
Table header
Table row
Task list
Task item
Text
Youtube
Marks
Bold
Code
Highlight
Italic
Link
Strike
Subscript
Superscript
Text Style
Underline
Functionality
AI AgentBETATeam
AI ChangesBETATeam
AI GenerationStart
AI SuggestionBETATeam
Bubble menu
Character count
Collaboration
Collaboration Caret
Background Color
Color
CommentsBETAStart
Drag Handle
Drag Handle React
Drag Handle Vue
Dropcursor
ExportBETAStart
File handler
Floating menu
Focus
Font family
Font size
Gap cursor
Invisible characters
Line Height
List kit
List Keymap
ImportBETAStart
Placeholder
VersionStarter
Version CompareTeam
Selection
Starter kit
Table kit
Table of contents
TextStyle kit
Text align
Trailing node
Typography
Undo & Redo History
Unique ID
Custom extensions
Create new
Extension API
Node API
Mark API
Extend existing
Node views
Javascript
React
Vue
Examples
Mark views
Javascript
React
Vue
Core Concepts
Introduction
Extensions
Nodes and Marks
Schema
Keyboard shortcuts
Persistence
ProseMirror
API
Editor instance
Commands
Content
clearContent
cut
insertContent
insertContentAt
setContent
Nodes & Marks
clearNodes
createParagraphNear
deleteNode
extendMarkRange
exitCode
joinBackward
joinDown
joinForward
joinTextblockBackward
joinTextblockForward
joinUp
lift
liftEmptyBlock
newlineInCode
resetAttributes
setMark
setNode
splitBlock
toggleMark
toggleNode
toggleWrap
undoInputRule
unsetAllMarks
unsetMark
updateAttributes
Lists
liftListItem
sinkListItem
splitListItem
toggleList
wrapInList
Selection
blur
deleteRange
deleteSelection
enter
focus
keyboardShortcut
scrollIntoView
selectAll
selectNodeBackward
selectNodeForward
selectParentNode
setNodeSelection
setTextSelection
forEach
selectTextblockEnd
selectTextblockStart
setMeta
Utilities
HTML
Static Renderer
JSX
Suggestion
Tiptap for PHP
Node Positions
Events
Input Rules
Paste Rules
Resources
Guides
Pro license
Editor/
Extensions

Mark extensions

Learn about mark extensions like Bold, Code, Link, and more to improve your users’ text editor experience in Tiptap.

Marks
Bold
Make your text bold and let it stand out.
Code
Developers love to add some inline code to their texts.
Highlight
Make it look nerdier with some colorful text highlights.
Italic
Helps to emphasize your text; it doesn’t bring you closer to Italy, though.
Link
Link it, link it good, link it real good (and don’t forget the href).
Strike
Cut through the words you wrote if you’re too afraid to delete them.
Subscript
Write slightly below the normal line to make a statement.
Superscript
Write slightly above the normal line to show you’re on the next level.
Text Style
Otherwise useless, it adds <span> tags required by other extensions.
Underline
Add a line below your text to make it look more… underlined.
Edit this page on GitHub

Was this page helpful?

HocuspocusLegal noticePrivacy PolicyTerms of ServiceContributingChangelog
Copyright © 2025 Tiptap