Getting started
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.
Every editor runs live on the home page.
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