TinyMCE editor doesn't switch to dark mode

Flow
1

Hi everyone!

As you can see from the screenshots, when I switch my application to dark mode, the TinyMCE editor remains in light mode. Is there a way to update the editor skin dynamically?

image
image1226×805 17.6 KB

image
image1251×809 16.1 KB

public static TinyMce getEditor() {
        TinyMce editor = new TinyMce();
        editor.setWidthFull(); // L'editor occupa tutta la larghezza disponibile.
        editor.setHeight("450px"); // Altezza fissa per l'editor.

        // Configurazione di TinyMCE: plugins, toolbar, menubar, skin, ecc.
        editor.configure(
                "plugins: 'link lists table hr pagebreak image charmap preview', " + // Plugin abilitati
                        "toolbar: 'undo redo | blocks | bold italic | alignleft aligncenter alignright | bullist numlist | link image | table hr', " + // Pulsanti della toolbar
                        "menubar: true, " + // Abilita la barra dei menu
                        "skin: 'oxide', " + // Tema visivo dell'editor
                        "content_css: 'default', " + // Foglio di stile per il contenuto
                        "statusbar: true, " + // Abilita la barra di stato inferiore
                        "resize: true" // Permette il ridimensionamento manuale dell'editor
        );

        editor.addClassName("editor-field");
        return editor;
    }

Thank you!

2

Hi, TinyMCE indeed does not have Lumo Dark styles. Those were added to its successor HugeRTE.

I would recommend using it instead. Note, it is based on the same JavaScript library (or fork of it actually). So you get exactly the same features and a bit fresher version.

3

Thank you! It worked