Pro modules

Add collaboration, comments, and advanced drawing through editor modules.

@pptx-editor.dev/pro provides collaboration, comments, and advanced drawing modules. Use the same modules with React, Vue, or the core editor. The package uses the EigenPal Pro License. Evaluation is permitted. Production use requires a commercial agreement.

Install the package

Install Pro with your adapter and the core engine:

npm install @pptx-editor.dev/react @pptx-editor.dev/core @pptx-editor.dev/pro

Register a module

Pass a stable module array when you create the editor:

import { PptxEditor } from '@pptx-editor.dev/react';
import { drawingModule } from '@pptx-editor.dev/pro/drawing';
import '@pptx-editor.dev/react/styles.css';

const modules = [drawingModule()];

export function Presentation({ bytes }: { bytes: Uint8Array }) {
  return (
    <div style={{ height: '100vh' }}>
      <PptxEditor document={bytes} modules={modules} />
    </div>
  );
}

The editor reads modules during creation. Changing the array does not reconfigure an existing editor. Install drawing before opening the first presentation.

Choose a module

ModuleEntry pointGuide
reviewModule()@pptx-editor.dev/pro, @pptx-editor.dev/pro/react, @pptx-editor.dev/pro/vueComments
collaborationModule({ session })@pptx-editor.dev/proCollaboration
drawingModule()@pptx-editor.dev/pro/drawingDrawing

The modules are framework neutral. The @pptx-editor.dev/pro/react and @pptx-editor.dev/pro/vue entries add the comments pane, PptxEditorReview, and its hooks, and export reviewModule too. The review module draws the comment markers on the canvas. PresentationML has no tracked-change markup for text revisions.

Configure licensing

Each module accepts an optional licenseKey:

import { drawingModule } from '@pptx-editor.dev/pro/drawing';

const modules = [drawingModule({ licenseKey: 'your-license-key' })];

Licensing makes no network requests. The key does not replace the required commercial agreement. For the license terms, see the EigenPal Pro License.

See also