DocumentionOverviewBuilt-in Extensions

Built-in Extension List

This section lists all the built-in Extensions of Umo Editor, including Tiptap official Extensions, Umo Editor extended Extensions, and third-party Extensions used.

Tiptap Official Extensions

Extension NameDescription
@tiptap/starter-kitBasic extension set of Tiptap, including paragraph, heading, emphasis, and other basic editing features
@tiptap/extension-placeholderDisplays placeholder text in the editor when there is no content, guiding users to input
@tiptap/extension-focusManages the focus state of the editor
@tiptap/extension-font-familyAllows users to customize the font family of text
@tiptap/extension-boldAdds bold styling to text
@tiptap/extension-underlineAdds underline styling to text
@tiptap/extension-subscriptSupports subscript text formatting
@tiptap/extension-superscriptSupports superscript text formatting
@tiptap/extension-colorAdds color to text
@tiptap/extension-text-styleAdds HTML tags to text
@tiptap/extension-highlightAdds background color to text to highlight important information
@tiptap/extension-task-itemCreates checkable task list items
@tiptap/extension-task-listManages task lists and supports task completion status
@tiptap/extension-linkInserts and edits hyperlinks, supporting URLs and anchor links
@tiptap/extension-tableImplements table insertion and editing, including row and column operations
@tiptap/extension-table-rowSpecifically manages row operations in tables
@tiptap/extension-typographyProvides advanced typography features such as quotes and ellipses
@tiptap/extension-character-countDisplays real-time character, word, or text count in the editor
@tiptap/extension-dropcursorEnhances user experience with drag-and-drop cursor effects, indicating insertion positions

Tiptap Official Pro Extensions

Extension NameDescription
@tiptap-pro/extension-table-of-contentsCreates a table of contents for the editor
@tiptap-pro/extension-invisible-charactersManages invisible characters
@tiptap-pro/extension-mathematicsInserts and edits LaTeX mathematical formulas

Umo Editor Extended Extensions

All Extension can be found at: https://github.com/umodoc/editor/tree/main/src/components/editor/extensions

Extension NameDescription
font-sizeAllows users to customize the font size of text
bullet-listProvides unordered list functionality for creating bullet point lists
ordered-listSupports ordered lists, arranging items in numerical or alphabetical order
indentImplements text or list item indentation to add hierarchy
text-alignControls text alignment, including left, center, right, and justified alignment
node-alignAligns nodes within the editor, such as images or blocks
line-heightSets line spacing for text to enhance readability
imageInserts, adjusts, and displays image files
videoInserts, adjusts, and displays video files, supporting video playback
audioInserts, adjusts, and displays audio files, supporting playback controls
fileInserts and displays other types of files
code-blockA code block editing Extension that supports code editing and syntax highlighting
text-boxInserts and edits text boxes
horizontal-ruleInserts horizontal lines to separate content
iframeSupports embedding external web pages or applications via Iframe
table-cellEdits and formats table cells
table-headerManages table header rows and columns
page-breakInserts page breaks in the document
tocAutomatically generates a document outline table of contents
invisible-nodeDisplays invisible characters such as line breaks and carriage returns
selectionProvides actions for text and node selection
file-handlerHandles file drag-and-drop and paste logic

Third-party Extensions

Extension NameDescription
@sereneinserenade/tiptap-search-and-replaceSearches and replaces specified text within the editor content