ModuloEditor

Appearance

ModuloEditorLightweight Markdown Editor

Framework-agnostic, extensible, and TypeScript-first.

Quick Start
GitHub

Quick Start

Create your first editor instance in minutes.

Commands

Execute reusable editor actions such as bold, italic, and headings.

Plugins

Extend the editor with toolbar buttons, dropdowns, and custom integrations.

Events

React to editor lifecycle, content changes, and commands.

Presets

Build editors quickly using reusable configurations.

Framework Agnostic

Designed to work with vanilla JavaScript and custom framework wrappers.

Documentation in progress

ModuloEditor is still in active development. This documentation is still being written. Some pages may be incomplete or updated frequently.

v0.6.0-alpha.2

Quick Example ​

Start from an existing textarea. ModuloEditor handles the editor layout, live preview, and form synchronization for you.

html
<textarea id="editor"></textarea>
ts
import {
    DefaultEditorDomInitializer,
    ModuloEditorCore,
    StarterKitPreset
} from "@lakamark/modulo-editor";

const editor = ModuloEditorCore
    .create()
    .withDomInitializer(new DefaultEditorDomInitializer())
    .fromTextarea('#editor')
    .usePreset(new StarterKitPreset())
    .build();

editor.init();

Ready to build your first editor?

Get Started →

Live Playground ​

Explore ModuloEditor directly in your browser using the included StarterKitPreset.