docx-editor
Бесплатный редактор документов

1. Установка адаптера React и зависимостей

# Установка последней стабильной версии адаптера React
npm install @eigenpal/docx-editor-react

2. Импорт и конфигурация в компоненте

import React, { useState } from 'react';
import { DocxEditor } from '@eigenpal/docx-editor-react';
// Импорт стилей панели инструментов и области редактирования
import '@eigenpal/docx-editor-react/styles.css';

function DocumentWorkspace() {
  const [docBuffer, setDocBuffer] = useState(null);

  const handleSave = (updatedBuffer) => {
    // updatedBuffer — это обновленные двоичные данные Word (ArrayBuffer)
    console.log('Обновление документа:', updatedBuffer);
  };

  return (
    <div style={{ height: '80vh', border: '1px solid rgba(255,255,255,0.08)' }}>
      <DocxEditor
        documentBuffer={docBuffer}
        onSave={handleSave}
      />
    </div>
  );
}

export default DocumentWorkspace;