edmaxlabs-editor

edmaxlabs-editor is a React + TypeScript documentation editor component with markdown editing, live preview, table-of-contents extraction, and typed block utilities.

Install

npm install edmaxlabs-editor

Usage

import {EdmaxlabsEditor, type EdmaxlabsEditorController} from "edmaxlabs-editor";

export function DocsPage() {
   const editorRef = useRef<EdmaxlabsEditorController | null>(null);

  return (
     <EdmaxlabsEditor
            ref={editorRef}
            onImageUpload={async (file) => {
                if (file) {
                    //TODO
                    return ""; // return the remote url
                }
                return "";
            }}
            onSave={(markdown, blocks) => {
                console.log(markdown);
                console.log(blocks); //json
            }}
        />
  );
}

Exports

• EdmaxlabsEditor
• EdmaxlabsEditorController
• Block
• EditorMode
• ThemeMode