Documentation Index
Fetch the complete documentation index at: /llms.txt
Use this file to discover all available pages before exploring further.
Bring your own editor UI. Use SuperDoc as the document engine underneath. Read the announcement →
@superdoc-dev/react, which handles SSR automatically.
npm install @superdoc-dev/react @superdoc-dev/fonts
// app/editor/page.jsx
'use client';
import { SuperDocEditor } from '@superdoc-dev/react';
import { superdocFonts } from '@superdoc-dev/fonts';
import '@superdoc-dev/react/style.css';
export default function EditorPage() {
return (
<SuperDocEditor
document="/sample.docx"
fonts={superdocFonts}
documentMode="editing"
onReady={() => console.log('Editor ready!')}
style={{ height: '100vh' }}
/>
);
}
// pages/editor.jsx
import { SuperDocEditor } from '@superdoc-dev/react';
import '@superdoc-dev/react/style.css';
export default function EditorPage() {
return (
<SuperDocEditor
document="/sample.docx"
documentMode="editing"
style={{ height: '100vh' }}
/>
);
}
renderLoading for custom loading UI, or Next.js dynamic imports if you prefer to skip SSR entirely.// app/layout.jsx
import '@superdoc-dev/react/style.css';
export default function RootLayout({ children }) {
return (
<html>
<body>{children}</body>
</html>
);
}
Was this page helpful?