Skip to content
This repository was archived by the owner on Dec 3, 2024. It is now read-only.

[WIP] Version 2#29

Open
maxeckel wants to merge 5 commits intomasterfrom
v2-wip
Open

[WIP] Version 2#29
maxeckel wants to merge 5 commits intomasterfrom
v2-wip

Conversation

@maxeckel
Copy link
Copy Markdown
Owner

@maxeckel maxeckel commented Apr 3, 2022

This PR is work in progress and contains the refactoring for V2 of this package.

With the update I aim for an even easier integration and less friction.

V1 used an event approach to deliver the EditorJS content to you. This wasn't ideal and unnecessary.
Also V1 used a Livewire component to package everything up. By now I think it's better to use a "simple" Blade component, which you can use in YOUR Livewire component.

This way you get way more control over the data and less stuff is hidden from you.
At first this may sound like a lot more work is put on your shoulders, but let me show you how it will look like:

<div x-data="{ content: @entangle('content').defer }">
    <x-editorjs::editor x-model="content"></x-editorjs::editor>

    <button wire:click="save">Save</button>
</div>

content gets entangled to your Livewire components content property and passed to editorjs using x-model.
As you can see, we can even use "defer" here now, so that only on save the editors state is updated in your Livewire component.

This is still work in progress, but you can see where it's heading!

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant