silva
/
adrema
2
1
Fork 0
Code Issues 23 Pull Requests 1 Projects 1 Releases 106 Wiki Activity

Pass initial value to editor function call

This commit is contained in:
philipp lang 2024-12-24 22:43:31 +01:00
parent 9a6eba5fd9
commit 9ca06fd064
3 changed files with 14 additions and 10 deletions
app/View/Form
Editor.php
resources/livewire-js
app.jseditor.js

12
app/View/Form/Editor.php
View File

@ -31,14 +31,18 @@ class Editor extends Component
@endif
<div class="relative w-full h-full">
<div class="
<div
class="
w-full border-gray-600 border-solid text-gray-300 bg-gray-700 leading-none rounded-lg
group-[.size-default]:border-2 group-[.size-sm]:border
group-[.size-default]:text-sm group-[.size-sm]:text-xs
group-[.size-default]:p-2 group-[.size-sm]:p-1
" @updated="$wire.{{$attributes->wire('model')->value}} = $event.detail" x-bind="editor"x-data="{
value: $wire.{{$attributes->wire('model')->value}},
}" id="{{$id}}" {{$attributes}}></div>
"
@updated="$wire.{{$attributes->wire('model')->value}} = $event.detail"
x-data="editor($wire.{{$attributes->wire('model')->value}})"
id="{{$id}}"
{{$attributes}}
></div>
<x-ui::errors :for="$name" />
@if($hint)
<x-form::hint>{{$hint}}</x-form::hint>

2
resources/livewire-js/app.js vendored
View File

@ -18,7 +18,7 @@ Alpine.plugin(
window.addEventListener('success', (event) => success(event.detail[0]));
document.addEventListener('alpine:init', () => {
Alpine.bind('editor', () => editor);
Alpine.data('editor', editor);
});
Livewire.start();

10
resources/livewire-js/editor.js vendored
View File

@ -5,11 +5,11 @@ import Paragraph from '@editorjs/paragraph';
import NestedList from '@editorjs/nested-list';
import Alert from 'editorjs-alert';
export default {
'editor': null,
'value': null,
export default (initialValue) => ({
editor: null,
value: initialValue,
'x-init': function () {
init: function () {
var tools = {
paragraph: {
class: Paragraph,
@ -57,4 +57,4 @@ export default {
}, 200),
});
},
};
});