EditorJS with Svelte 5

Editorjs.svelte

<script>
    import {onMount} from "svelte";

    /**
     * @type {EditorJS | null}
     */
    let editor = $state(null);


    /** @type {HTMLElement | null} */
    let editorEl = null;
    onMount(async () => {
        try {
            const {default: EditorJS} = await import('@editorjs/editorjs');
            const {default: Header} = await import("@editorjs/header")
            editor = new EditorJS({
                holder: editorEl,
                tools: {
                    header: {
                        class: Header,
                        inlineToolbar: ['link']
                    },
                }
            });
        } catch (error) {
            console.error("Failed to load EditorJS:", error);
        }
    });

    let props = $props()


</script>

<div bind:this={editorEl} class="w-full h-full {props.class}"></div>

Source: https://dev.to/digitaldrreamer/make-editorjs-work-in-sveltekit-ssr-34ho