Incluir CKEditor pero usando Alpine y que lo almacene en la propiedad que queramos

En el layout que estemos usando (por ejemplo resources\views\layouts\admin.blade.php) incluir el CDN:
<script src="https://cdn.ckeditor.com/ckeditor5/28.0.0/classic/ckeditor.js"></script>
En el componente definimos la propiedad $description.

Y en la view:
<div class="mb-4" wire:ignore>
    <x-jet-label value="Descripción"></x-jet-label>
    <textarea
        class="w-full form-control"
        wire:model="description"
        x-data="" x-init="ClassicEditor.create($refs.editorLSG)
        .then(function(editor) {
                editor.model.document.on('change:data', () => {
                    @this.set('description', editor.getData())
                })
        })
        .catch( error => {
            console.error( error );
        });"
        x-ref="editorLSG"
        rows=4>
    </textarea>
</div>

No hay comentarios:

Publicar un comentario