docx-editor
โปรแกรมแก้ไขเอกสารฟรี

โปรแกรมแก้ไขเอกสาร WYSIWYG ที่ขับเคลื่อนด้วยเอเจนต์ AI ซึ่งใช้ข้อกำหนด Office Open XML (OOXML) เป็นโมเดลข้อมูลสำหรับการแยกวิเคราะห์และการประมวลผลเอกสาร Word โดยไม่สูญเสียสไตล์

ทดลองใช้งานออนไลน์ตอนนี้ พื้นที่เก็บข้อมูล GitHub

คุณสมบัติหลัก和ข้อดี

การสนับสนุนเอเจนต์ AI อัจฉริยะ

การผสานรวมอย่างล้ำลึกกับ AI สำหรับการเขียนตามบริบท, การต่อเติมข้อความอัตโนมัติ, การขัดเกลาไวยากรณ์อัจฉริยะ, การสรุปเนื้อหา และการสร้างเอกสารที่มีโครงสร้าง

โมเดลข้อมูล OOXML ดั้งเดิม

ไม่มีการแปลงที่สูญเสียเช่น 'Word -> HTML -> Word' เราทำงานโดยตรงกับข้อกำหนด Office Open XML ซึ่งรักษาโครงสร้างของเอกสาร Word 100% และป้องกันไม่ให้สไตล์สูญหาย

ทำงานบนฝั่งไคลเอนต์ในเบราว์เซอร์ 100%

ทำงานบนเบราว์เซอร์ทั้งหมดโดยไม่ต้องใช้เซิร์ฟเวอร์เรนเดอร์ที่ซับซ้อน มอบเวลาโหลดที่รวดเร็ว ฟังก์ชันออฟไลน์ และความเป็นส่วนตัวของข้อมูลที่สมบูรณ์

การแก้ไขเอกสารระดับมืออาชีพ

ประสบการณ์ WYSIWYG เต็มรูปแบบ รองรับการติดตามการเปลี่ยนแปลง (Track Changes), ความคิดเห็นพร้อมการตอบกลับ (Comments), ตารางที่ซับซ้อน, การจัดรูปแบบ, รูปภาพ และอื่นๆ

โอเพนซอร์สฟรีและเป็นมิตรกับเชิงพาณิชย์

ภายใต้ใบอนุญาต Apache 2.0: ฟรีทั้งหมดและเหมาะสำหรับการใช้งานเชิงพาณิชย์ การปรับเปลี่ยนโค้ดไม่ได้บังคับให้คุณเปิดเผยซอร์สโค้ดของระบบของคุณ

สถาปัตยกรรมปลั๊กอินที่ขยายได้

การออกแบบโมดูลาร์พร้อมระบบปลั๊กอินที่ยืดหยุ่น นักพัฒนาสามารถปรับแต่งแถบเครื่องมือและขยายคำสั่งตัวแก้ไขได้อย่างง่ายดาย

สถานการณ์การใช้งานทั่วไป

โปรแกรมแก้ไขเอกสาร AI ของคุณเอง

ด้วยการทำงานฝั่งไคลเอนต์ บริษัทต่างๆ สามารถสร้างโปรแกรมแก้ไขเอกสารของตนเองด้วย AI ได้อย่างรวดเร็ว โดยผสานรวม LLM ท้องถิ่นเพื่อความเป็นส่วนตัวของข้อมูลที่สมบูรณ์

การผสานรวมกับคลังความรู้ (RAG)

การผสานรวมกับคลังความรู้ภายในช่วยให้สามารถค้นหาเชิงความหมายในขณะแก้ไขได้ ผู้ช่วย AI เสนอการแก้ไขและคำแนะนำคำศัพท์

เอกสารเชิงพาณิชย์และสัญญา

การร่างและตรวจสอบสัญญาอย่างรวดเร็ว ด้วยความเข้ากันได้ของ OOXML 100% AI สามารถระบุความเสี่ยงในสัญญาและเร่งเวลาอนุมัติได้

การเลือกทางเทคนิค

ทำไมสิ่งนี้ถึงเป็นตัวเลือกที่ดีที่สุดสำหรับตัวแก้ไข AI ของคุณเอง?

เมื่อเลือกโปรแกรมแก้ไขเอกสาร สถาปัตยกรรมเป็นสิ่งสำคัญ ด้วยโครงสร้างที่เป็นเอกลักษณ์ docx-editor แก้ไขปัญหาประสิทธิภาพการพัฒนา ความเข้ากันได้ และการผสานรวม AI

การพัฒนาและการเปิดตัวอย่างรวดเร็ว

อะแดปเตอร์พร้อมใช้งานสำหรับ React และ Vue 3 นักพัฒนาไม่จำเป็นต้องศึกษาเครื่องมือเรนเดอร์ — การผสานรวมใช้เวลาเพียงไม่กี่วัน

การผสานรวมหลายแพลตฟอร์ม

สร้างด้วยเทคโนโลยีเว็บมาตรฐาน ส่วนประกอบเดียวรวมเข้ากับพีซี, มือถือ (พร้อมรองรับท่าทางการสัมผัส) และแอปพลิเคชันเนทีฟผ่าน WebView/Electron

ความเข้ากันได้ของ Word ที่ไร้รอยต่อ

การใช้รูปแบบ DOCX ป้องกันข้อผิดพลาดในการจัดรูปแบบ ความเข้ากันได้เต็มรูปแบบกับ Microsoft Word มอบอินเทอร์เฟซที่คุ้นเคยให้กับพนักงาน

การควบคุมเลย์เอาต์ขั้นสูงสำหรับ AI

ต่างจากแชทบอทข้อความทั่วไป ผู้ช่วย AI สามารถจัดการสไตล์ข้อความ รายการ เซลล์ตาราง และการเยื้องได้โดยตรงผ่าน API

การทำงานร่วมกันแบบเรียลไทม์

docx-editor มีการผสานรวมในตัวกับ Yjs (โมเดลข้อมูล CRDT) ทำให้ผู้ใช้หลายคนสามารถแก้ไขไฟล์ Word เดียวกันได้พร้อมกัน:

แสดงเคอร์เซอร์และการเลือกของผู้ใช้อื่นแบบเรียลไทม์
การแก้ไขข้อขัดแย้งโดยอัตโนมัติตาม CRDT โดยไม่มีการล็อกไฟล์สำหรับการทำงานออฟไลน์
ตัวเชื่อมต่อที่ยืดหยุ่นสำหรับการเชื่อมต่อที่ง่ายดายผ่าน WebSockets, WebRTC หรือเกตเวย์ของคุณเอง

SERVER-SIDE HEADLESS

โหมดเซิร์ฟเวอร์แบบไม่มี DOM (Headless)

สถาปัตยกรรมแยกแกนหลักออกจากอินเทอร์เฟซ ช่วยให้คุณประมวลผลเอกสาร Word ในสภาพแวดล้อม Node.js หรือ CLI โดยไม่มีเบราว์เซอร์:

แทรกตัวแปร, กรอกเทมเพลต และสร้างรายงานบนเซิร์ฟเวอร์
ไม่จำเป็นต้องมีเบราว์เซอร์เสมือน (เช่น Puppeteer/JSDOM) เพื่อความเร็วสูง
ส่วนขยายพร้อมปลั๊กอินสำหรับการเรนเดอร์เอกสารอย่างรวดเร็วจาก CLI หรือแบ็กเอนด์

เปรียบเทียบกับทางเลือกอื่น

การเปรียบเทียบความแตกต่างที่สำคัญระหว่าง docx-editor และโปรแกรมแก้ไขที่คล้ายกัน SuperDoc:

เกณฑ์การเปรียบเทียบ	docx-editor	SuperDoc
ใบอนุญาต (การใช้งานเชิงพาณิชย์)	Apache 2.0 (ยืดหยุ่นมาก) ฟรีทั้งหมดสำหรับการใช้งานเชิงพาณิชย์ การปรับเปลี่ยนโค้ดไม่ได้บังคับให้คุณเปิดเผยระบบซอฟต์แวร์ของคุณ ไม่มีค่าใช้จ่ายแอบแฝง	AGPL 3.0 (ใบอนุญาตที่เข้มงวด) เมื่อให้บริการผ่านเครือข่าย คุณต้องเปิดเผยซอร์สโค้ดของระบบเชิงพาณิชย์ทั้งหมดของคุณ
รองรับ CJK (ภาษาเอเชีย)	รองรับการป้อนข้อมูล CJK อย่างสมบูรณ์ การเพิ่มประสิทธิภาพของเหตุการณ์แป้นพิมพ์ IME สำหรับภาษาจีน, ญี่ปุ่น และเกาหลี ช่วยให้การป้อนข้อมูลราบรื่นและไม่มีข้อผิดพลาด	ไม่น่าพอใจ (บั๊กวิกฤต) เนื่องจากการประมวลผลเหตุการณ์ Composition ที่ไม่สมบูรณ์ มักเกิดการป้อนอักขระซ้ำและข้อผิดพลาดของเคอร์เซอร์ในการป้อน CJK
ความเสถียรและความสมบูรณ์	ความสมบูรณ์สูง การทำงานร่วมกันตาม Yjs ในตัว การแยกแกนหลักออกจาก UI อย่างสมบูรณ์ ความเสถียรที่พิสูจน์แล้วในสภาพแวดล้อมการผลิต	อยู่ระหว่างการพัฒนา ฟังก์ชันการจัดรูปแบบขั้นสูงบางอย่างยังอยู่ในช่วงทดลอง จำเป็นต้องพัฒนาความเสถียรเพิ่มเติม

การรวมอย่างรวดเร็วในโครงการของคุณ

การรวม React การรวม Vue 3

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;

1. ติดตั้ง Vue 3 อะแดปเตอร์และการพึ่งพา

# 安装针对 Vue 3 设计的封装包
npm install @eigenpal/docx-editor-vue

2. สร้างส่วนประกอบ Vue

<template>
  <div class="editor-container">
    <DocxEditor
      :documentBuffer="docBuffer"
      @save="handleSave"
    />
  </div>
</template>

<script setup>
import { ref } from 'vue';
import { DocxEditor } from '@eigenpal/docx-editor-vue';
// นำเข้าไฟล์ CSS สำหรับอินเทอร์เฟซตัวแก้ไข
import '@eigenpal/docx-editor-vue/styles.css';

const docBuffer = ref(null);

const handleSave = (updatedBuffer) => {
  // การจับ ArrayBuffer เพื่อบันทึกบนเซิร์ฟเวอร์หรือในเครื่อง
  console.log('เอกสารได้รับการอัปเดตใน Vue:', updatedBuffer);
};
</script>

<style scoped>
.editor-container {
  height: 80vh;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
</style>