open-cb-editor

open-cb-editor

Planned upcoming features can be found in editor-feature-plan.md!

Installation

npm i open-cb-editor

Usage

This package creates a monaco editor instance on a div element.

The package exports a class which can be used to construct and interact with the editor.

To create the editor:

import { createEditor } from 'open-cb-editor';

htmlDiv = document.querySelector('target-div');

let editor = new createEditor(htmlDiv);

To merge code fragments from two or more editors into a single one:

import { createEditor, mergeCode} from 'open-cb-editor';

let subEditorOne = new createEditor(divOne);
let subEditorTwo = new createEditor(divTwo);
let mainEditor = new createEditor(divThree);

let codeFragmentOne = subEditorOne.getCode();
let codeFragmentTwo = subEditorTwo.getCode();

let combinedCode = mergeCode(codeFragmentOne, codeFragmentTwo);

mainEditor.setCode(combinedCode);