Wordgard: ProseMirror 제작자가 만든 새로운 의미론적 리치 텍스트 편집기

Wordgard: ProseMirror 제작자가 만든 새로운 의미론적 리치 텍스트 편집기

Wordgard는 구조화된 브라우저 내 리치 텍스트 편집기를 만들기 위해 설계된 오픈 소스 JavaScript 라이브러리입니다. ProseMirror의 저자인 Marijn Haverbeke가 만든 Wordgard는 자유형 HTML 편집기를 제공하는 대신 스키마를 통해 문서 구조를 정확히 제어할 수 있는 프레임워크를 제공합니다.

핵심 아키텍처 및 기능

Wordgard는 의미론적 편집기 시스템으로 구축되어, 원시 HTML 표현보다 콘텐츠 구조를 우선시합니다. 이 접근 방식은 개발자가 엄격한 문서 무결성을 유지하는 맞춤형 편집기를 만들 수 있게 합니다.

스키마 기반 문서 제어

Wordgard는 스키마를 사용해 문서의 정확한 구조를 정의합니다. 이를 통해 개발자는 맞춤형 문서 요소를 만들고, 콘텐츠가 특정 형식에 맞도록 보장하여 자유형 편집기에서 흔히 발생하는 임의 중첩이나 잘못된 HTML을 방지할 수 있습니다.

다재다능한 프로그래밍 인터페이스

이 라이브러리는 저자가 "Deluxe API"라고 부르는, 일반성과 다재다능성을 목표로 설계된 API를 제공합니다. 이 API는 표준 기능을 넘어선 깊은 커스터마이징이 필요한 복잡하고 까다로운 편집기의 기반이 되도록 설계되었습니다.

모듈형 확장 시스템

대부분의 편집기 기능은 확장으로 구현됩니다. 이러한 모듈성은 기본 구현이 요구 사항을 충족하지 못할 때 특정 동작을 교체하거나 수정할 수 있게 합니다.

고급 콘텐츠 지원

Wordgard는 여러 복잡한 편집 요구 사항에 대한 기본 지원을 포함합니다:

  • 협업 편집: 시스템은 여러 사용자가 동일 문서를 동시에 편집할 수 있도록 하며, 동시 편집을 병합하는 메커니즘을 제공합니다.
  • 구조화된 콘텐츠: 편집기는 표, 중첩 리스트, 캡션이 있는 그림 및 기타 맞춤 구조를 처리할 수 있습니다.
  • 우측-좌측(RTL) 지원: 라이브러리는 인터페이스와 콘텐츠 모두에 대해 방향을 인식하며, 양방향 텍스트와 RTL 문서를 지원합니다.
  • 접근성: 편집기는 키보드 전용 사용자, 스크린 리더 사용자, 모바일 기기에서 작동하도록 설계되었으며, UI 국제화 지원도 포함합니다.

기술 철학

Wordgard는 명확성과 테스트 용이성을 높이기 위해 함수형 프로그래밍 스타일로 개발되었습니다. MIT 라이선스로 배포되며 GitHub 대신 code.haverbeke.berlin에 자체 호스팅된 인스턴스에서 제공됩니다.

커뮤니티 토론 및 관점

커뮤니티 피드백은 ProseMirror에서 Wordgard로의 전환에 대한 기대와 우려를 모두 강조합니다.

ProseMirror 전환

ProseMirror는 ChatGPT와 Gemini를 포함한 많은 주요 웹 애플리케이션의 기반 도구이기 때문에, 그 미래 개발에 대한 우려가 큽니다. 사용자들은 Wordgard가 ProseMirror 개념의 진화처럼 보이지만 직접적인 업그레이드 경로가 없어 전환에 상당한 수동 작업이 필요하다고 지적했습니다.

다른 편집기와의 비교

개발자들은 Wordgard가 Meta의 Lexical과 같은 다른 업계 표준과 어떻게 비교되는지 질문하고 있습니다. 일부 사용자는 문서의 정적 타입 표현과의 더 나은 통합을 원한다고 밝혔는데, 이는 이전에 ProseMirror에서 개발자가 스키마를 두 번 정의해야 했던(편집기용과 Zod와 같은 검증 라이브러리용) 문제점과 관련됩니다.

사용자 경험 및 디자인

기술 API가 호평을 받는 반면, 초기 테스트 사용자들은 Android Chrome에서 Undo 기능이 작동하지 않거나 iOS에서 키보드 교체가 오류 나는 등 "Try" 데모의 사소한 버그를 보고했습니다. 또한 웹사이트의 시각 디자인과 Kamila Stankiewicz가 만든 맞춤 일러스트는 커뮤니티로부터 미적 매력 측면에서 큰 찬사를 받았습니다.

요약: Wordgard는 다재다능한 프로그래밍 인터페이스와 함수형 설계를 중심으로, 스키마 기반의 고도로 맞춤화 가능한 리치 텍스트 편집기를 구축하기 위한 오픈 소스 JavaScript 라이브러리입니다.

제목: Wordgard: ProseMirror 제작자가 만든 새로운 의미론적 리치 텍스트 편집기

Sources