전체 제품
v1.1.0
Web Editor
Gmail급 엔터프라이즈 웹 에디터 라이브러리. 한국어 환경에 최적화된 Tiptap v3 기반 리치 텍스트 에디터.
@dev-jitsu/web-editor
React 18TypeScriptTiptap v3YjsTailwindCSSshadcn/ui
Quality Metrics
89.74%
테스트 커버리지
2,700+
테스트 케이스
0
TypeScript 오류
0
ESLint 경고
Supported Formats
HWP한글 97-2010가져오기
HWPX한글 오피스가져오기 / 내보내기
DOCXMicrosoft Word가져오기 / 내보내기
PDFPortable Document내보내기
MarkdownGFM 지원가져오기 / 내보내기
Features
강력한 편집 기능
리치 텍스트 편집
볼드, 이탤릭, 폰트 선택, 컬러, 코드블록 등 Gmail 수준의 텍스트 편집 기능.
테이블 & 구조
테이블 생성/편집, 셀 병합, 번호/글머리 목록, 체크리스트 지원.
문서 내보내기
DOCX, HWPX, PDF, Markdown 형식으로 문서를 내보낼 수 있습니다.
문서 가져오기
HWP (한글 97-2010), HWPX, DOCX, Markdown 문서를 가져올 수 있습니다.
한국어 검사
로컬 규칙 기반 한국어 맞춤법/띄어쓰기 검사. 폐쇄망에서도 동작.
접근성 준수
KWCAG 2.2 / WCAG 2.1 AA 준수. ARIA, 키보드 내비게이션, 스크린 리더 지원.
실시간 협업
Yjs 기반 다중 사용자 동시 편집. 커서 위치 실시간 공유.
오프라인 저장
IndexedDB 기반 로컬 저장. 폐쇄망 환경에서도 완벽하게 동작.
버전 관리
문서 히스토리 및 버전 비교. 변경 사항 추적 및 복원.
감사 로그
컴플라이언스 대응을 위한 모든 편집 액션 추적 및 로깅.
키보드 단축키
Ctrl+B, Ctrl+I 등 직관적인 키보드 단축키. 찾기/바꾸기 정규식 지원.
NPM 패키지
React 컴포넌트로 배포. npm install로 간편하게 프로젝트에 통합.
Use Cases
활용 사례
devEmail
devEmail 메일 작성기
이메일 작성 시 리치 텍스트 에디터로 사용
DMS
사내 문서 관리 시스템
HWP/DOCX 편집 및 관리. 버전 이력 추적
Groupware
전자결재 본문 편집기
그룹웨어 전자결재 문서 작성에 활용
Report
웹 기반 보고서 작성
공공기관/기업 보고서 온라인 작성 및 PDF 출력
Integration
간편한 통합
# 설치
npm install @dev-jitsu/web-editor
# 사용
import { WebEditor } from '@dev-jitsu/web-editor';
import '@dev-jitsu/web-editor/styles.css';
function MyApp() {
return (
<WebEditor
initialContent="<p>Hello World</p>"
onChange={(html) => console.log(html)}
features={{
collaboration: true,
spellCheck: true,
accessibility: true,
}}
/>
);
}