Rich Text Editor

Rich Text Editor

Stelo CMS uses Tiptap for a modern, extensible rich text editing experience.

Features

• WYSIWYG Editing: Visual content creation
• Markdown Support: Import/export markdown
• Custom Components: Embed custom elements
• Media Integration: Inline images and videos

Editor Capabilities

• Text formatting (bold, italic, underline)
• Headers and lists
• Links and tables
• Code blocks
• Custom blocks and components

Implementation

The editor integrates seamlessly with the multilingual system:

// Editor configuration
const editor = useEditor({
  extensions: [
    StarterKit,
    Image,
    Link,
    Table
  ],
  content: content[currentLocale]?.body || ''
});

Customization

The editor can be extended with custom nodes and marks for specific content needs.

This section will be expanded with detailed implementation examples.