Open Hangul AI

Professional HWPX (Hancom Word Processor XML) Viewer & AI Document Editor for React

Installation

npm install open-hangul-ai

Quick Start

import { HWPXViewer } from 'open-hangul-ai';
import 'open-hangul-ai/css';

function App() {
  const [file, setFile] = useState<File | null>(null);

  const handleFileSelect = (e: React.ChangeEvent<HTMLInputElement>) => {
    const file = e.target.files?.[0];
    if (file) setFile(file);
  };

  return (
    <div style={{ height: '100vh' }}>
      <input type="file" accept=".hwpx" onChange={handleFileSelect} />
      <HWPXViewer
        file={file}
        enableAI={true}
        onDocumentLoad={(viewer) => console.log('Document loaded!')}
      />
    </div>
  );
}

Features

• HWPX file parsing and rendering
• Inline editing (table cells, text)
• AI document editing (GPT-4 integration)
• HWPX save / PDF export
• Search functionality (Ctrl+F)
• Undo/Redo (Ctrl+Z/Y)
• Dark/Light theme

Keyboard Shortcuts

| Shortcut | Function | |----------|----------| | Ctrl+O | Open file | | Ctrl+S | Save | | Ctrl+P | Print | | Ctrl+F | Search | | Ctrl+Z | Undo | | Ctrl+Y | Redo |

Props

| Prop | Type | Description | |------|------|-------------| | file | File | null | HWPX file to open | | enableAI | boolean | Enable AI features (default: true) | | onDocumentLoad | (viewer) => void | Document load complete callback | | onError | (error) => void | Error callback | | className | string | Additional CSS class |

License

MIT License

This package is available under the MIT license for open source use.

Support

• Documentation: Official Documentation
• Issues: GitHub Issues
• Email: [email protected]
• Website: https://yatavent.com

Commercial Support

For enterprise features and commercial licensing:

• Advanced security modules
• Priority technical support
• Custom integrations
• SLA-backed service

Copyright (c) 2026 YATAV Team.