Numbered List item
NoNex renders Notionโs numbered list blocks with full support for nesting, rich text formatting, background colors, and text customization.
Numbered List Blocks in NoNex
In Notion, numbered lists are used to display ordered items, and they automatically adjust the numbering as you nest items. NoNex preserves the appearance and functionality of numbered lists, wrapping them in an ordered list (<ol>
) tag, and supporting deep nesting.
NoNex also supports rich text formatting, background colors, and text colors for numbered list items, just as in Notion, ensuring that your content remains consistent and beautifully styled when displayed on your website.
Example of Numbered List Blocks
Hereโs an example of a numbered list with deep nesting, formatted using rich text and background color:
- 1.a.i.One
- 1.a.i.Two
- 1.a.i.Three
- 1.a.i.Four
- 1.a.i.Five
- 1.a.i.Six
- 1.a.i.Seven
- 2.b.ii.One
- 1.a.i.Two
- 1.a.i.Three
- 2.b.ii.Four
- 1.a.i.Five
- 2.b.ii.Six
- 3.c.iii.Lorem ipsum dolor sit amet
- 4.d.iv.Example of rich text with a long paragraph:
"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa enim dolor illo officia, voluptas facilis fuga ut recusandae quam nulla iure. In, laborum quibusdam!"
Hereโs a more complex example with long text inside the numbered list:
- 1.a.i.Main Topic
- 1.a.i.Sub Topic
- 1.a.i.Details
- 2.b.ii.Further Explanation
- 1.a.i.Additional information with rich formatting:
- Bold: Important
- Italics: Emphasized
- Blockquote:
This is a blockquote example
- 2.b.ii.A long paragraph: Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa enim dolor illo officia, voluptas facilis fuga ut recusandae quam nulla iure. In, laborum quibusdam!
Features Supported by NoNex for Numbered Lists
- 1.a.i.Deep Nesting: Supports unlimited nesting of numbered lists.
- 2.b.ii.Numbered Style: The number point style alternates between numerical, alphabetic, and roman numerals as you nest.
- 3.c.iii.Rich Text Formatting: Bold, italics, underline, and other formatting options.
- 4.d.iv.Background & Text Colors: Allows customization of background and text colors for list items.
- 5.e.v.Consistent Numbering: Automatically adjusts numbering based on nesting level.
- 6.f.vi.Long Text Handling: Handles long paragraphs and text without issue.
With NoNex, numbered lists in Notion are rendered seamlessly, preserving all formatting, nesting, and style, making your content clear and organized for site visitors.