Liveview Editor

Overview

Liveview Editor is Hyvä CMS' visual interface that allows you to use components to display content on your frontend.

Element

Elements are the visual representation (UI) of components in the frontend.

Component

Components are reusable building blocks that contain: - Business logic - Data management - Configuration settings - State management

Field

Field Types define the data structure and validation rules for specific pieces of information

Editor Features

Live Preview

• Real-time preview of changes as you edit
• Responsive preview for different screen sizes
• Instant feedback without page refresh

Content Workflow

• Draft Mode: Work on content without affecting live site
• Preview URLs: Share draft content with stakeholders
• Publish: Make content live when ready

Component Management

• Drag & Drop: Reorder components easily
• Copy & Paste: Duplicate components across pages
• Import & Export: Share component configurations
• Undo/Redo: Reverse changes with keyboard shortcuts

Version Control

• Automatic version saving on changes
• Version history with restore capabilities
• Pin important versions to prevent deletion
• Compare versions side-by-side

Quick Actions

• Cut/Copy/Paste: Standard editing operations
• Add Children: Add child components directly
• Visibility Toggle: Show/hide components in editor
• Component Settings: Access advanced configuration

Status Indicators

The editor header shows different status indicators:

• Up to Date - Published content matches current draft
• Unsaved Changes - Draft has changes not yet saved
• Saved Draft - Draft saved but not published
• Unpublished Changes - Draft differs from published content
• Live - Content is published and enabled