39 lines
720 B
Markdown
39 lines
720 B
Markdown
# Livewire
|
|
|
|
## toc
|
|
|
|
## Introduction
|
|
The following guide describes how to integrate tiptap with your [Livewire](https://laravel-livewire.com/) project.
|
|
|
|
TODO
|
|
|
|
editor.blade.php
|
|
|
|
```html
|
|
<!--
|
|
In your livewire component you could add an
|
|
autosave method to handle saving the content
|
|
from the editor every 10 seconds if you wanted
|
|
-->
|
|
<x-editor
|
|
wire:model="foo"
|
|
wire:poll.10000ms="autosave"
|
|
></x-editor>
|
|
```
|
|
|
|
my-livewire-component.blade.php
|
|
|
|
```html
|
|
<div
|
|
x-data="setupEditor(
|
|
@entangle($attributes->wire('model')).defer
|
|
)"
|
|
x-init="() => init($refs.editor)"
|
|
x-on:click.away="inFocus = false;"
|
|
wire:ignore
|
|
{{ $attributes->whereDoesntStartWith('wire:model') }}
|
|
>
|
|
<div x-ref="editor"></div>
|
|
</div>
|
|
```
|