Tutorials Programming Tutorials, Guides & Best Practices

    namespace App\Http\Livewire;

    use Livewire\Component;

    class EditorComponent extends Component
    {
        public $content = '';

        protected $listeners = ['updateContent'];

        public function updateContent($wireId, $newContent)
        {
            $this->content = $newContent;
        }

        public function render()
        {
            return view('livewire.editor-component');
        }
    }

Here, we’ve defined a content property to store the editor’s content. The updateContent method listens for updates from the front-end and sets the content accordingly.