Node Types – contenteditable.lab

Overview

Each node type below includes detailed documentation covering:

Schema definition and validation rules
Model representation examples
HTML serialization and deserialization
View integration considerations
Common issues and solutions
Implementation examples

Basic Nodes

Document

Root node of the document

Paragraph

Basic text container

Text

Plain text content

Heading

Heading levels h1-h6

Hard Break

Line break

Horizontal Rule

Horizontal divider

Formatting Nodes

Bold

Bold text formatting

Italic

Italic text formatting

Underline

Underlined text

Strikethrough

Strikethrough text

Code

Inline code

Link

Hyperlink

Color

Text color

Highlight

Text highlighting

Font Family

Font family control

Structural Nodes

Blockquote

Quoted text block

Code Block

Code block with syntax highlighting

Ordered List

Numbered list

Bullet List

Unordered list

List Item

List item container

Media Nodes

Image

Image embedding

Video

Video embedding

Audio

Audio embedding

Iframe

Iframe embedding

Complex Nodes

Table

Table structure

Table Row

Table row

Table Cell

Table cell

Table Header

Table header cell

Card

Card container

Card Header

Card header section

Card Body

Card body section

Accordion

Collapsible accordion

Tabs

Tabbed interface

Columns

Multi-column layout

Divider

Visual divider

Callout

Callout box

Custom Nodes

Math

Mathematical formula

Diagram

Diagram visualization

Chart

Data chart

Map

Map embedding

Calendar

Calendar widget

Poll

Poll widget

Quiz

Quiz widget

Embed

External content embed

Mention

User mention

Hashtag

Bookmark

Link bookmark

Annotation

Annotation/comment

Custom Block

User-defined custom block

Section

Document section