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/pronpm install @pptx-editor.dev/vue @pptx-editor.dev/core @pptx-editor.dev/proRegister 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>
);
}<script setup lang="ts">
import { PptxEditor } from '@pptx-editor.dev/vue';
import { drawingModule } from '@pptx-editor.dev/pro/drawing';
import '@pptx-editor.dev/vue/styles.css';
defineProps<{ bytes: Uint8Array }>();
const modules = [drawingModule()];
</script>
<template>
<div style="height: 100vh">
<PptxEditor :document="bytes" :modules="modules" />
</div>
</template>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
| Module | Entry point | Guide |
|---|---|---|
reviewModule() | @pptx-editor.dev/pro, @pptx-editor.dev/pro/react, @pptx-editor.dev/pro/vue | Comments |
collaborationModule({ session }) | @pptx-editor.dev/pro | Collaboration |
drawingModule() | @pptx-editor.dev/pro/drawing | Drawing |
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.