Rich Text Editor

WYSIWYG rich text editor component with interactive formatting toolbar, live HTML output, and Livewire reactivity.

Component Syntax

blade

<x-aura::rich-text wire:model="content" placeholder="Write content..." />

1. Rich Text Editor

blade

Article Body

Words: 0 Characters: 0

Format article content using the toolbar

<x-aura::field label="Article Body" hint="Format article content using the toolbar">

    <x-aura::rich-text wire:model="content" placeholder="Start typing..." :showCount="true" minHeight="200px" />

</x-aura::field>

Component Props

Available properties and configurations for the rich text editor component.

Prop	Default	Available Values
placeholder	Write your content here...	Placeholder string
minHeight	180px	140px 180px 240px 320px 400px
toolbar	full	full basic minimal
showCount	false	true false
disabled	false	true false
invalid	false	true false
name	null	Field name string
value	null	HTML content string

Aura Wire

Component Library

Rich Text Editor

Component Syntax

1. Rich Text Editor

Component Props

Textarea

Pin Code

Aura Wire