TALL-forms
  • TALL-forms
  • Installation
    • Quickstart: Artisan cmd
    • Manual installation
      • Package
      • Translations
      • Css & Theme
      • Javascript
      • Tailwind
      • Laravel Mix
      • Wrapper view
      • Laravel Jetstream/Breeze
  • Upgrade v7 to v8
    • Configuration changes
    • Component & Field changes
    • Blade view changes
    • Notification changes
    • Styling changes
  • Concept
    • Configuration
    • Validation
    • Styling
    • Icons
    • Javascript
    • Layout vs Wrapper
    • Model binding
    • Manually saving data
    • Extend Blade Components
  • Create Forms
    • Form Data
    • Form Types
      • Standard form
      • As modal
      • Without buttons
      • Fields only
      • Headless
    • Form attributes
    • Form buttons
    • Form slots
    • Form methods
    • Lifecycle hooks
    • Render a form
    • Mass generate
  • Fields
    • Declaration
    • Labels
    • Field Slots
    • Field methods
    • Custom field attributes
    • Conditional field
    • Custom view
    • Custom field
    • Custom Livewire component
    • Relations
    • Fields
      • Checkbox
      • Checkboxes
      • FileUpload
      • Honeypot
      • ImageCropper
      • Input
      • Password
      • InputArray
      • KeyVal (array)
      • Radio
      • Range
      • Repeater (array)
      • Search
      • Select & Multiselect
      • Tags
      • TagsSearch
      • Textarea
      • Trix
      • SpatieTags
    • Sponsor Fields
      • More Inputs
      • CKEditor
      • DatePicker
      • Heading
      • Markdown
      • Panels
      • SearchList
      • SelectOptGroup
      • Tabs
      • Trix, file-uploads
  • Blade components
    • Notifications
    • Label wrapper
    • Button
    • Modal blade component
    • Modal form blade component
  • Examples
    • Input examples
    • Array fields example
Powered by GitBook
On this page
  • Without file uploads
  • Requirements
  • Methods
  • ->includeExternalScripts()
  • ->default($value)

Was this helpful?

  1. Fields
  2. Fields

Trix

PreviousTextareaNextSpatieTags

Last updated 3 years ago

Was this helpful?

Without file uploads

There are two versions of the Trix field, with and without attachments. The sponsor version has support for file uploads.

Requirements

Requires you to have @stack('styles') in head, and @stack('scripts') after Livewire and Alpine script tags

Trix::make('Trix')
    ->default('The initial value of the trix input') // Example: $this->model->foo
    ->includeExternalScripts() //will only be included once if multiple Trix fields.
    ->rules('nullable|string')
//Livewire
public null|string $trix = "Trix input default";
<x-tall-trix
    :field="Trix::blade('Trix text editor', 'trix')"
    :value="$trix"
/>

Methods

->includeExternalScripts()

  • Push external (cdn-links) for required scripts and styles to the layout

  • Omit, if you import the scripts manually

  • Only pushed once, even if you add multiple Trix fields to the same form.

->default($value)

Use this method to set the initial Trix input value. Use $this->model to access existing model values.