Frameworks

Frameworks

Choose a React or Vue framework setup for your PPTX editor.

Choose the guide for your application. Each guide installs the adapter, imports its styles, and opens a presentation.

ApplicationGuideSetup
React with ViteViteMount the editor in your client entry.
Vue 3 with ViteVite with VueMount the editor with createApp.
React with Next.jsNext.jsLoad the editor through a client component with ssr: false.

Prepare your application

Import the editor stylesheet once and give the editor's parent a nonzero height. Install one shared copy of @pptx-editor.dev/core.

The interactive editor needs browser APIs. In a server-rendered application, load the editor only on the client. For server-side presentation edits, use the Editing API.

The examples fetch public/deck.pptx. You supply this file. To open a local file instead, use the Quickstart.

See also