Tiptap Docs

Text formatting

Text formatting extensions mark parts of a text as bold, italic, linked, or highlighted, the formatting people apply to words and phrases while they write.

Bold
Make text bold.
Open source
Code
Mark inline code, such as a function name, inside a sentence.
Open source
Highlight
Highlight text with a background color.
Open source
Italic
Make text italic for emphasis.
Open source
Link
Link text to a URL, with optional autolinking of typed URLs.
Open source
Ruby text
Add reading guides, including furigana, with HTML ruby annotations.
Open source
Strike
Strike through text.
Open source
Subscript
Write text slightly below the normal line, as in H2O.
Open source
Superscript
Write text slightly above the normal line, as in exponents or footnote markers.
Open source
Underline
Underline text.
Open source

When you use them

  • Emphasis. Bold, Italic, Underline, and Strike stress a word or show that it is removed.
  • References. Link points to another page; Code marks a name or a command inside a sentence.
  • Highlights. Highlight colors a passage, for example to mark something to review.
  • Scientific and language notation. Subscript and Superscript set formulas and footnote markers; Ruby text adds reading guides above characters.

How they work

  • They are marks. A mark applies to a range of text inside a block, such as a paragraph or a heading. Several marks can apply to the same text. Nodes and marks
  • Most come with the StarterKit. Bold, Code, Italic, Link, Strike, and Underline are part of the StarterKit; the others you add yourself.
  • Keyboard shortcuts and Markdown shortcuts. Most marks have a keyboard shortcut, and typing Markdown, such as **bold**, applies them while you write. Keyboard shortcuts
PreviouslyStarter kit