docx-editor
အခမဲ့ open-source တည်းဖြတ်စနစ်

1. React library နှင့် လိုအပ်သည်များကို သွင်းပါ

# React အတွက် သတ်မှတ်ထားသော ဗားရှင်းကို သွင်းပါ
npm install @eigenpal/docx-editor-react

2. သင့် component တွင် import လုပ်ပြီး သုံးပါ

import React, { useState } from 'react';
import { DocxEditor } from '@eigenpal/docx-editor-react';
// ပုံစံမှန်ကန်စေရန် style များကို import လုပ်ပါ
import '@eigenpal/docx-editor-react/styles.css';

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

  const handleSave = (updatedBuffer) => {
    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;