Presets

Presets provide a convenient way to configure ModuloEditor.

A preset can register adapters, services, plugins, commands, or other editor features.

Using a preset

import {
    ModuloEditor,
    StarterKitPreset
} from '@lakamark/modulo-editor';

const editor = new ModuloEditor('#editor', {
    presets: [
        new StarterKitPreset(),
    ],
});

editor.init();

StarterKitPreset

The Starter Kit preset provides a complete editor setup.

It includes:

• Default editor adapters
• Markdown rendering
• HTML preview
• Textarea integration

new StarterKitPreset()

DefaultEditorPreset

Provides the default editor implementation.

new DefaultEditorPreset()

SafeMarkdownPreset

Adds HTML sanitization for safer rendering.

new SafeMarkdownPreset()

MarkedPreset

Uses Marked to render Markdown into HTML.

new MarkedPreset()

Combining presets

Multiple presets can be used together.

const editor = new ModuloEditor('#editor', {
    presets: [
        new DefaultEditorPreset(),
        new SafeMarkdownPreset(),
        new MarkedPreset(),
    ],
});

Creating custom presets

You can create your own preset to encapsulate reusable editor configuration.

class CustomPreset {
    setup(editor) {
        // Configure editor services
    }
}