DOCX Import/Export

import { importDocx } from '@platejs/docx-io';
 
const handleFileUpload = async (file: File) => {
  const arrayBuffer = await file.arrayBuffer();
  const result = await importDocx(editor, arrayBuffer);
 
  // Insert nodes into editor
  editor.tf.insertNodes(result.nodes);
 
  // Handle comments if needed
  for (const comment of result.comments) {
    console.log(`Comment ${comment.id}: ${comment.text}`);
  }
 
  // Check for conversion warnings
  if (result.warnings.length > 0) {
    console.warn('Conversion warnings:', result.warnings);
  }
};Copy

import { exportToDocx, downloadDocx } from '@platejs/docx-io';
 
const handleExport = async () => {
  const blob = await exportToDocx(editor.children, {
    orientation: 'portrait',
    margins: { top: 1440, bottom: 1440, left: 1440, right: 1440 },
    fontFamily: 'Calibri',
  });
 
  downloadDocx(blob, 'document.docx');
};Copy

import { exportEditorToDocx } from '@platejs/docx-io';
 
await exportEditorToDocx(editor.children, 'document', {
  orientation: 'portrait',
});Copy

import { exportToDocx } from '@platejs/docx-io';
import { BaseEditorKit } from '@/components/editor/editor-base-kit';
import { DocxExportKit } from '@/components/editor/plugins/docx-export-kit';
 
const blob = await exportToDocx(editor.children, {
  editorPlugins: [...BaseEditorKit, ...DocxExportKit],
});Copy

import { exportToDocx, DOCX_EXPORT_STYLES } from '@platejs/docx-io';
 
const blob = await exportToDocx(editor.children, {
  customStyles: `
    .custom-highlight { background-color: #ffeb3b; }
    h1 { color: #1a1a1a; }
  `,
  fontFamily: 'Times New Roman',
});Copy

import { DocxExportPlugin } from '@platejs/docx-io';
import { createPlateEditor } from 'platejs/react';
 
const editor = createPlateEditor({
  plugins: [
    // ...otherPlugins,
    DocxExportPlugin.configure({
      options: {
        editorPlugins: myPlugins,
        editorStaticComponent: MyEditorStatic,
      },
    }),
  ],
});
 
// Export using plugin API
const blob = await editor.api.docxExport.exportToBlob({
  orientation: 'landscape',
});
 
editor.api.docxExport.download(blob, 'document');
 
// Or use transform for export + download
await editor.tf.docxExport.exportAndDownload('document', {
  orientation: 'portrait',
});Copy