Part-DB.Part-DB-server/assets/controllers/elements/ckeditor_controller.js

import {Controller} from "@hotwired/stimulus";

import { default as FullEditor } from "../../ckeditor/markdown_full";
import { default as SingleLineEditor} from "../../ckeditor/markdown_single_line";
import { default as HTMLEditor } from "../../ckeditor/html_full";

import EditorWatchdog from '@ckeditor/ckeditor5-watchdog/src/editorwatchdog';


/* stimulusFetch: 'lazy' */
export default class extends Controller {
    connect() {
        const mode = this.element.dataset.mode;
        const output_format = this.element.dataset.outputFormat;

        let EDITOR_TYPE = "Invalid";

        if(output_format == 'markdown') {
            if(mode == 'full') {
                EDITOR_TYPE = FullEditor['Editor'];
            } else if(mode == 'single_line') {
                EDITOR_TYPE = SingleLineEditor['Editor'];
            }
        } else if(output_format == 'html') {
            EDITOR_TYPE = HTMLEditor['Editor'];
        } else {
            console.error("Unknown output format: " + output-format);
            return;
        }

        const language = document.body.dataset.locale ?? "en";

        const config = {
            language: language,
        }

       const watchdog = new EditorWatchdog();
        watchdog.setCreator((elementOrData, editorConfig) => {
            return EDITOR_TYPE.create(elementOrData, editorConfig)
                .then(editor => {
                    if(this.element.disabled) {
                        editor.enableReadOnlyMode("readonly");
                    }

                    console.log(editor);
                })
                .catch(error => {
                    console.error(error);
                });
        });

        watchdog.create(this.element, config).catch(error => {
            console.error(error);
        });
    }
}