docx-editor
Бесплатан уређивач докумената отвореног кода

1. Инсталирајте пакет React адаптера и повезане зависности

# Инсталирајте најновију стабилну React верзију docx-editor зависности
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;