Formatting options
Mastering the D!CMS Editor
This page serves as a comprehensive guide to all available formatting options within our powerful Tiptap-based editor. From basic text styles to advanced layout blocks, you can create information-rich and visually appealing content with ease.
Standard Heading Levels
Heading Level 3
Heading Level 4
Heading Level 5
Heading Level 6
Text Styles and Annotations
You can apply multiple marks to your text to emphasize important points. Use bold, italic, underlined, and strikethrough styles. Additionally, you can highlight text or use superscript and subscript for technical notations. For large introductory text, use the lead paragraph style, or small text for disclaimers and fine print.
Advanced Layout: Details and Grids
The editor supports collapsible content sections, which are perfect for FAQs or hiding detailed information until requested by the user.
Click here to expand more information
This is hidden content inside a details block. It allows you to keep your pages clean while still providing deep-dive data for interested readers.
Lists and Data Tables
Standard bullet point
Nested item possibility
First step
Second step
Feature | Support |
|---|---|
Full JSON Storage | Yes |
Custom UI Blocks | Yes |
Media and Technical blocks
A well-formatted page increases user engagement by 40% according to recent industry studies. Use these tools wisely!
// Dynamic grid builder usage
const layout = editor.commands.insertGrid({ columns: 3 });We hope this showcase helps you understand the full power of the D!CMS editorial suite. Start creating your next masterpiece today!