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