WYSIWYG Editor

A rich text editor component powered by Quill that provides a What You See Is What You Get interface for creating and editing formatted content.

Basic WYSIWYG Editor

The WYSIWYG editor can be created by calling the UI::wysiwyg() method with a unique identifier.

Initial content
php

Read-Only Editor

The editor can be set to read-only mode using the readOnly() method.

Read-only content
php

Editor with Placeholder

A placeholder text can be added using the placeholder() method.

php
Options
The WYSIWYG Editor component supports various options for customization.
  • placeholder: Placeholder text when editor is empty
  • readOnly: Whether the editor is read-only

API

The WYSIWYG editor component extends from HtmlElement so it has all its methods available.
API PHP

Common alternative names: Rich Text Editor, Text Editor, Content Editor, HTML Editor, Formatted Editor

Types: Default Editor, Snow Theme Editor, Read-Only Editor, HTML Editor


Principles

Content Creation

WYSIWYG editors provide an intuitive interface for creating and editing formatted content with visual feedback.

User Experience

Through familiar controls and visual feedback, editors make content creation more accessible and efficient.

Flexibility

Editors can be customized with different themes and configurations to suit various content needs.


Usage

Use WYSIWYG editors for content creation and editing. They're particularly effective for:

  • Content management
  • Blog posts
  • Documentation
  • Email composition
  • Rich text input
  • Formatted content