Gmail급 엔터프라이즈 웹 에디터 라이브러리. 한국어 환경에 최적화된 Tiptap v3 기반 리치 텍스트 에디터.
@dev-jitsu/web-editor
볼드, 이탤릭, 폰트 선택, 컬러, 코드블록 등 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 등 직관적인 키보드 단축키. 찾기/바꾸기 정규식 지원.
React 컴포넌트로 배포. npm install로 간편하게 프로젝트에 통합.
동일한 줄의 특정 위치를 두 사용자가 동시 편집할 때 발생하는 Yjs 충돌 감지 및 고유 클라이언트 ID 순서 보정으로 자동 병합되는 CRDT 엔진의 동작을 실증합니다.
브라우저 DOM 구조를 파싱하여 고성능 리치 텍스트 모델(AST)로 추상화하는 과정을 체험하십시오. 텍스트 드래그 및 서식 적용 시 실시간으로 노드 계층 트리가 컴파일됩니다.
내용을 입력하면 실시간으로 DOM AST 노드 트리가 업데이트됩니다!
이메일 작성 시 리치 텍스트 에디터로 사용
HWP/DOCX 편집 및 관리. 버전 이력 추적
그룹웨어 전자결재 문서 작성에 활용
공공기관/기업 보고서 온라인 작성 및 PDF 출력
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,
}}
/>
);
}