If two editors are created, the existing editor is deleted.

[jskorlol]

If two editors are created, the existing editor is deleted.

            Alpine.data('editorData2', (content) => ({
                editor: null,
                updatedAt: Date.now(),
                init() {
                    Alpine.nextTick(() => {
                        console.log(this.editor);
                        this.editor = new Editor({
                            element: this.$refs.editorReference,
                            extensions: [StarterKit],
                            content: content,
                            onCreate({ editor }) {
                                this.updatedAt = Date.now();
                            },
                            onUpdate({ editor }) {
                                this.updatedAt = Date.now();
                            },
                            onSelectionUpdate({ editor }) {
                                this.updatedAt = Date.now();
                            }
                        });
                        console.log(this.editor);
                    });
                },
            }));

I use alpinejs.

When new data is created by putting data in x-data, the editor is placed in the area of the div.

From the second creation, the first editor is deleted.
Is it possible to set key or id classification to prevent this?

[hanspagel]

Make sure to have different refs

this.$refs.editorReference

[jskorlol]

God, I was stupid.

The cause was a problem with livewire.
Thank you very much :)

Although it doesn't matter because x-data is all captured in a different area.
I forgot to put wire:ignore.