x-load="visible || event (ax-modal-opened)"
x-load
x-load-src=""
x-data="richEditorFormComponent({
state: $wire.,
})"
x-on:trix-attachment-add="
if (! $event.attachment.file) return
let attachment = $event.attachment
$wire.upload(
`componentFileAttachments.`,
attachment.file,
() => {
$wire
.getFormComponentFileAttachmentUrl('')
.then((url) => {
attachment.setAttributes({
url: url,
href: url,
})
})
},
)
"
x-on:trix-change="
let value = $event.target.value
$nextTick(() => {
if (! $refs.trix) {
return
}
state = value
})
"
x-on:trix-change.debounce.="
$nextTick(() => {
if (! $refs.trix) {
return
}
$wire.call('$refresh')
})
"
x-on:trix-file-accept="$event.preventDefault()"
>
'filament-forms::components.rich-editor.toolbar.group','data' => ['dataTrixButtonGroup' => 'text-tools']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament-forms::rich-editor.toolbar.group'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['data-trix-button-group' => 'text-tools']); ?>
'filament-forms::components.rich-editor.toolbar.button','data' => ['dataTrixAttribute' => 'bold','dataTrixKey' => 'b','title' => ''.e(__('filament-forms::components.rich_editor.toolbar_buttons.bold')).'','tabindex' => '-1']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament-forms::rich-editor.toolbar.button'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['data-trix-attribute' => 'bold','data-trix-key' => 'b','title' => ''.e(__('filament-forms::components.rich_editor.toolbar_buttons.bold')).'','tabindex' => '-1']); ?>
'filament::components.icon','data' => ['icon' => 'heroicon-m-bold','class' => 'h-5 w-5']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament::icon'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['icon' => 'heroicon-m-bold','class' => 'h-5 w-5']); ?>
renderComponent(); ?>
renderComponent(); ?>
'filament-forms::components.rich-editor.toolbar.button','data' => ['dataTrixAttribute' => 'italic','dataTrixKey' => 'i','title' => ''.e(__('filament-forms::components.rich_editor.toolbar_buttons.italic')).'','tabindex' => '-1']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament-forms::rich-editor.toolbar.button'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['data-trix-attribute' => 'italic','data-trix-key' => 'i','title' => ''.e(__('filament-forms::components.rich_editor.toolbar_buttons.italic')).'','tabindex' => '-1']); ?>
'filament::components.icon','data' => ['icon' => 'heroicon-m-italic','class' => 'h-5 w-5']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament::icon'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['icon' => 'heroicon-m-italic','class' => 'h-5 w-5']); ?>
renderComponent(); ?>
renderComponent(); ?>
'filament-forms::components.rich-editor.toolbar.button','data' => ['dataTrixAttribute' => 'underline','dataTrixKey' => 'u','title' => ''.e(__('filament-forms::components.rich_editor.toolbar_buttons.underline')).'','tabindex' => '-1']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament-forms::rich-editor.toolbar.button'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['data-trix-attribute' => 'underline','data-trix-key' => 'u','title' => ''.e(__('filament-forms::components.rich_editor.toolbar_buttons.underline')).'','tabindex' => '-1']); ?>
'filament::components.icon','data' => ['icon' => 'heroicon-m-underline','class' => 'h-5 w-5']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament::icon'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['icon' => 'heroicon-m-underline','class' => 'h-5 w-5']); ?>
renderComponent(); ?>
renderComponent(); ?>
'filament-forms::components.rich-editor.toolbar.button','data' => ['dataTrixAttribute' => 'strike','dataTrixKey' => 's','title' => ''.e(__('filament-forms::components.rich_editor.toolbar_buttons.strike')).'','tabindex' => '-1']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament-forms::rich-editor.toolbar.button'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['data-trix-attribute' => 'strike','data-trix-key' => 's','title' => ''.e(__('filament-forms::components.rich_editor.toolbar_buttons.strike')).'','tabindex' => '-1']); ?>
'filament::components.icon','data' => ['icon' => 'heroicon-m-strikethrough','class' => 'h-5 w-5']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament::icon'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['icon' => 'heroicon-m-strikethrough','class' => 'h-5 w-5']); ?>
renderComponent(); ?>
renderComponent(); ?>
'filament-forms::components.rich-editor.toolbar.button','data' => ['dataTrixAttribute' => 'href','dataTrixAction' => 'link','dataTrixKey' => 'k','title' => ''.e(__('filament-forms::components.rich_editor.toolbar_buttons.link')).'','tabindex' => '-1']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament-forms::rich-editor.toolbar.button'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['data-trix-attribute' => 'href','data-trix-action' => 'link','data-trix-key' => 'k','title' => ''.e(__('filament-forms::components.rich_editor.toolbar_buttons.link')).'','tabindex' => '-1']); ?>
'filament::components.icon','data' => ['icon' => 'heroicon-m-link','class' => 'h-5 w-5']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament::icon'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['icon' => 'heroicon-m-link','class' => 'h-5 w-5']); ?>
renderComponent(); ?>
renderComponent(); ?>
renderComponent(); ?>
'filament-forms::components.rich-editor.toolbar.group','data' => ['dataTrixButtonGroup' => 'heading-tools']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament-forms::rich-editor.toolbar.group'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['data-trix-button-group' => 'heading-tools']); ?>
'filament-forms::components.rich-editor.toolbar.button','data' => ['dataTrixAttribute' => 'heading1','title' => ''.e(__('filament-forms::components.rich_editor.toolbar_buttons.h1')).'','tabindex' => '-1']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament-forms::rich-editor.toolbar.button'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['data-trix-attribute' => 'heading1','title' => ''.e(__('filament-forms::components.rich_editor.toolbar_buttons.h1')).'','tabindex' => '-1']); ?>
'filament::components.icon','data' => ['icon' => 'heroicon-m-h1','class' => 'h-5 w-5']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament::icon'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['icon' => 'heroicon-m-h1','class' => 'h-5 w-5']); ?>
renderComponent(); ?>
renderComponent(); ?>
'filament-forms::components.rich-editor.toolbar.button','data' => ['dataTrixAttribute' => 'heading','title' => ''.e(__('filament-forms::components.rich_editor.toolbar_buttons.h2')).'','tabindex' => '-1']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament-forms::rich-editor.toolbar.button'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['data-trix-attribute' => 'heading','title' => ''.e(__('filament-forms::components.rich_editor.toolbar_buttons.h2')).'','tabindex' => '-1']); ?>
'filament::components.icon','data' => ['icon' => 'heroicon-m-h2','class' => 'h-5 w-5']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament::icon'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['icon' => 'heroicon-m-h2','class' => 'h-5 w-5']); ?>
renderComponent(); ?>
renderComponent(); ?>
'filament-forms::components.rich-editor.toolbar.button','data' => ['dataTrixAttribute' => 'subHeading','title' => ''.e(__('filament-forms::components.rich_editor.toolbar_buttons.h3')).'','tabindex' => '-1']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament-forms::rich-editor.toolbar.button'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['data-trix-attribute' => 'subHeading','title' => ''.e(__('filament-forms::components.rich_editor.toolbar_buttons.h3')).'','tabindex' => '-1']); ?>
'filament::components.icon','data' => ['icon' => 'heroicon-m-h3','class' => 'h-5 w-5']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament::icon'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['icon' => 'heroicon-m-h3','class' => 'h-5 w-5']); ?>
renderComponent(); ?>
renderComponent(); ?>
renderComponent(); ?>
'filament-forms::components.rich-editor.toolbar.group','data' => ['dataTrixButtonGroup' => 'block-tools']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament-forms::rich-editor.toolbar.group'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['data-trix-button-group' => 'block-tools']); ?>
'filament-forms::components.rich-editor.toolbar.button','data' => ['dataTrixAttribute' => 'quote','title' => ''.e(__('filament-forms::components.rich_editor.toolbar_buttons.blockquote')).'','tabindex' => '-1']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament-forms::rich-editor.toolbar.button'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['data-trix-attribute' => 'quote','title' => ''.e(__('filament-forms::components.rich_editor.toolbar_buttons.blockquote')).'','tabindex' => '-1']); ?>
'filament::components.icon','data' => ['icon' => 'heroicon-m-chat-bubble-bottom-center-text','class' => 'h-5 w-5']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament::icon'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['icon' => 'heroicon-m-chat-bubble-bottom-center-text','class' => 'h-5 w-5']); ?>
renderComponent(); ?>
renderComponent(); ?>
'filament-forms::components.rich-editor.toolbar.button','data' => ['dataTrixAttribute' => 'code','title' => ''.e(__('filament-forms::components.rich_editor.toolbar_buttons.code_block')).'','tabindex' => '-1']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament-forms::rich-editor.toolbar.button'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['data-trix-attribute' => 'code','title' => ''.e(__('filament-forms::components.rich_editor.toolbar_buttons.code_block')).'','tabindex' => '-1']); ?>
'filament::components.icon','data' => ['icon' => 'heroicon-m-code-bracket','class' => 'h-5 w-5']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament::icon'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['icon' => 'heroicon-m-code-bracket','class' => 'h-5 w-5']); ?>
renderComponent(); ?>
renderComponent(); ?>
'filament-forms::components.rich-editor.toolbar.button','data' => ['dataTrixAttribute' => 'bullet','title' => ''.e(__('filament-forms::components.rich_editor.toolbar_buttons.bullet_list')).'','tabindex' => '-1']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament-forms::rich-editor.toolbar.button'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['data-trix-attribute' => 'bullet','title' => ''.e(__('filament-forms::components.rich_editor.toolbar_buttons.bullet_list')).'','tabindex' => '-1']); ?>
'filament::components.icon','data' => ['icon' => 'heroicon-m-list-bullet','class' => 'h-5 w-5']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament::icon'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['icon' => 'heroicon-m-list-bullet','class' => 'h-5 w-5']); ?>
renderComponent(); ?>
renderComponent(); ?>
'filament-forms::components.rich-editor.toolbar.button','data' => ['dataTrixAttribute' => 'number','title' => ''.e(__('filament-forms::components.rich_editor.toolbar_buttons.ordered_list')).'','tabindex' => '-1']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament-forms::rich-editor.toolbar.button'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['data-trix-attribute' => 'number','title' => ''.e(__('filament-forms::components.rich_editor.toolbar_buttons.ordered_list')).'','tabindex' => '-1']); ?>
'filament::components.icon','data' => ['icon' => 'heroicon-m-numbered-list','class' => 'h-5 w-5']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament::icon'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['icon' => 'heroicon-m-numbered-list','class' => 'h-5 w-5']); ?>
renderComponent(); ?>
renderComponent(); ?>
renderComponent(); ?>
'filament-forms::components.rich-editor.toolbar.group','data' => ['dataTrixButtonGroup' => 'file-tools']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament-forms::rich-editor.toolbar.group'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['data-trix-button-group' => 'file-tools']); ?>
'filament-forms::components.rich-editor.toolbar.button','data' => ['dataTrixAction' => 'attachFiles','title' => ''.e(__('filament-forms::components.rich_editor.toolbar_buttons.attach_files')).'','tabindex' => '-1']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament-forms::rich-editor.toolbar.button'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['data-trix-action' => 'attachFiles','title' => ''.e(__('filament-forms::components.rich_editor.toolbar_buttons.attach_files')).'','tabindex' => '-1']); ?>
'filament::components.icon','data' => ['icon' => 'heroicon-m-photo','class' => 'h-5 w-5']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament::icon'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['icon' => 'heroicon-m-photo','class' => 'h-5 w-5']); ?>
renderComponent(); ?>
renderComponent(); ?>
renderComponent(); ?>
'filament-forms::components.rich-editor.toolbar.group','data' => ['dataTrixButtonGroup' => 'history-tools']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament-forms::rich-editor.toolbar.group'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['data-trix-button-group' => 'history-tools']); ?>
'filament-forms::components.rich-editor.toolbar.button','data' => ['dataTrixAction' => 'undo','dataTrixKey' => 'z','title' => ''.e(__('filament-forms::components.rich_editor.toolbar_buttons.undo')).'','tabindex' => '-1']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament-forms::rich-editor.toolbar.button'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['data-trix-action' => 'undo','data-trix-key' => 'z','title' => ''.e(__('filament-forms::components.rich_editor.toolbar_buttons.undo')).'','tabindex' => '-1']); ?>
'filament::components.icon','data' => ['icon' => 'heroicon-m-arrow-uturn-left','class' => 'h-5 w-5']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament::icon'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['icon' => 'heroicon-m-arrow-uturn-left','class' => 'h-5 w-5']); ?>
renderComponent(); ?>
renderComponent(); ?>
'filament-forms::components.rich-editor.toolbar.button','data' => ['dataTrixAction' => 'redo','dataTrixKey' => 'shift+z','title' => ''.e(__('filament-forms::components.rich_editor.toolbar_buttons.redo')).'','tabindex' => '-1']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament-forms::rich-editor.toolbar.button'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['data-trix-action' => 'redo','data-trix-key' => 'shift+z','title' => ''.e(__('filament-forms::components.rich_editor.toolbar_buttons.redo')).'','tabindex' => '-1']); ?>
'filament::components.icon','data' => ['icon' => 'heroicon-m-arrow-uturn-right','class' => 'h-5 w-5']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
withName('filament::icon'); ?>
shouldRender()): ?>
startComponent($component->resolveView(), $component->data()); ?>
except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
withAttributes(['icon' => 'heroicon-m-arrow-uturn-right','class' => 'h-5 w-5']); ?>
renderComponent(); ?>
renderComponent(); ?>
renderComponent(); ?>