PHPackages                             samdeimos/livewire-editorjs - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. samdeimos/livewire-editorjs

ActiveLibrary[Utility & Helpers](/categories/utility)

samdeimos/livewire-editorjs
===========================

Integrate laravel with editorjs using Livewire, Alpinejs, Prism

v1.0.0-beta(5y ago)543MITPHPPHP ^7.4|^8.0

Since Jan 7Pushed 5y ago1 watchersCompare

[ Source](https://github.com/SamDeimos/livewire-editorjs)[ Packagist](https://packagist.org/packages/samdeimos/livewire-editorjs)[ RSS](/packages/samdeimos-livewire-editorjs/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (1)Dependencies (4)Versions (2)Used By (0)

Livewire-editorjs
-----------------

[](#livewire-editorjs)

Este paquete es inspirado en el paquete [maxeckel/livewire-editorjs](https://github.com/maxeckel/livewire-editorjs)

Requisitos
----------

[](#requisitos)

Este paquete utiliza [Livewire v2](https://laravel-livewire.com/docs/2.x/quickstart)[AlpineJS](https://github.com/alpinejs/alpine)

Instalación
-----------

[](#instalación)

```
composer require samdeimos/livewire-editorjs

```

publicar archivo de configuración y assets

```
php artisan vendor:publish --tag=livewire-editorjs

```

es necesario incluir `@livewireEditorjsScripts` antes de la etiqueta ``

```

    @livewireEditorjsScripts

```

Uso
---

[](#uso)

Para el uso de este paquete únicamente se necesita hacer uso del Traits `WithEditorjs.php` y `WithEditorjs.php` para la carga de imagenes, en el componente que queramos usar un editor y en la vista de nuestro componente de livewire se inserta el componente de blade de editorjs

```

	    list:List,
	    header: Header,
	    inlineCode: InlineCode,
	    underline: Underline,
	    raw: RawTool,
	    delimiter: Delimiter,
	    code: CodeTool,

```

**Ejemplo de componente crear**la variables que pasemos por `wire:model` es donde se va a almacenar el contenido de editorjs en formato string.

*component livewire*

```