Introduction ​

On-Codemerge v2 is a family of editors on one JSON document kernel and SDK. Toolbar, modals, and menus live in the core; plugins register via XPlugin() factories. Eight products share the same mount pattern — pick by document shape in Editors.

Live demos ​

Switch products below. Only the active editor is mounted.

Getting Started ​

npm install --save on-codemerge
# or: yarn add on-codemerge / pnpm add on-codemerge / bun add on-codemerge

import 'on-codemerge/index.css';
import 'on-codemerge/public.css';
import { Editor, createDefaultPlugins } from 'on-codemerge';

const editor = new Editor(document.getElementById('app')!, {
  plugins: createDefaultPlugins(),
});

await editor.setLocale('en');
editor.setHTML('<p>Hello</p>');

Launch snippets for JSON, Markdown, Code, Forms, Charts, and Calendar: Editors.

Next ​

• Editors — product matrix and launch recipes
• Editor API — JSON / HTML / Markdown / published
• Mermaid — simplified diagram subset (@codemerge/mermaid)
• SDK reference — on-codemerge/sdk / ViewSpec
• Migration v1 → v2