🔷
Pure TypeScript Core
Ships typed ESM builds and declaration files with zero runtime dependencies.
🧁 MarzipanFramework-agnostic markdown editor
Live overlay preview, zero runtime dependencies, and batteries-included formatting actions.
Skip to content
Quick Install
bash
npm install @pinkpixel/marzipanCreate Your First Editor
ts
import { Marzipan } from "@pinkpixel/marzipan";
const [editor] = new Marzipan("#my-textarea", {
toolbar: true,
theme: "cave",
smartLists: true,
});Use the Bundled Actions
ts
import { actions } from "@pinkpixel/marzipan";
const textarea = document.querySelector("textarea")!;
actions.toggleBold(textarea);Add a Plugin
ts
import { tablePlugin } from "@pinkpixel/marzipan/plugins/tablePlugin";
new Marzipan("#editor", {
plugins: [tablePlugin()],
});Bundled Plugins
| Plugin | Description |
|---|---|
tablePlugin | Toolbar-driven table generator with inline editing controls |
tableGridPlugin | Grid overlay for rapid column/row creation |
tableGeneratorPlugin | Quick GFM table inserter with prompt-driven sizing |
tinyHighlightPlugin | Zero-runtime syntax highlighting for fenced code blocks |
imageManagerPlugin | Dropzone and gallery UI for inserting images and managing uploads |
imagePickerPlugin | Toolbar button for inserting images via URL or optional uploader callback |
mermaidPlugin | Diagram rendering via ESM import |
mermaidExternalPlugin | Mermaid integration via CDN script tag |
BlockHandlesPlugin | Interactive block manipulation with visual handles, context menus, and keyboard shortcuts |
See the full Plugin Catalogue for configuration details.