---
title: "프로즈미러 제작자가 새 브라우저 리치 텍스트 에디터 ‘Wordgard’를 공개"
published: 2026-07-03T08:50:47.000Z
canonical: https://jeff.news/article/4629
---
# 프로즈미러 제작자가 새 브라우저 리치 텍스트 에디터 ‘Wordgard’를 공개

Wordgard는 브라우저 안에서 구조화된 리치 텍스트 에디터를 만들기 위한 오픈소스 자바스크립트 라이브러리다. 자유 HTML 편집기가 아니라, 앱이 지원할 문서 구조를 스키마로 정확히 통제하는 방향을 택했다.

- Wordgard는 브라우저 리치 텍스트 에디터를 만들기 위한 오픈소스 자바스크립트 라이브러리임
  - 이름은 ‘단어를 기르는 정원’이라는 뜻으로 소개됨
  - 라이선스는 MIT임
  - 자유롭게 HTML을 편집하는 도구가 아니라, 앱이 허용하는 콘텐츠 구조를 정확히 통제하는 에디터 시스템에 가까움

- 가장 큰 방향은 스키마 기반 편집임
  - 문서 구조를 정확히 정의할 수 있음
  - 커스텀 문서 요소를 만들 수 있음
  - 테이블, 중첩 리스트, 캡션이 달린 그림, 커스텀 구조 같은 구조화 콘텐츠를 다룰 수 있음

- API 설계에 꽤 힘을 준 라이브러리로 소개됨
  - 복잡하고 요구사항 많은 커스텀 에디터의 기반으로 쓰기 좋다는 점을 내세움
  - 대부분 기능이 확장으로 구현돼 있어, 기본 동작이 제품과 안 맞으면 교체하거나 수정할 수 있음
  - 코드의 큰 부분을 함수형 스타일로 작성해 명확성과 테스트 용이성을 노렸다고 함

> [!NOTE]
> 웹 리치 텍스트 에디터는 겉보기엔 입력창 하나처럼 보이지만, 실제로는 문서 모델, 선택 영역, IME, 접근성, 붙여넣기, 협업 편집이 다 얽히는 꽤 빡센 영역임.

- 접근성과 국제화도 주요 기능으로 들어가 있음
  - 스크린 리더 사용자, 키보드만 쓰는 사용자, 모바일 기기를 지원한다고 밝힘
  - UI 국제화도 지원함
  - 오른쪽에서 왼쪽으로 쓰는 문서와 양방향 콘텐츠도 콘텐츠·인터페이스 양쪽에서 방향 인식이 들어감

- 협업 편집도 지원 범위에 포함됨
  - 여러 사용자가 같은 문서를 동시에 편집할 수 있음
  - 동시 편집 변경을 병합하는 기능을 제공한다고 소개됨

- 운영 방식은 조금 독특함
  - 버그 리포트는 환영하지만, 풀 리퀘스트는 받지 않는다고 명시함
  - 상업적으로 사용한다면 법적 의무는 아니지만 유지보수를 후원하길 기대한다고 적어둠
  - 즉, 오픈소스이긴 하지만 개발 방향은 제작자가 강하게 통제하는 모델임

## 핵심 포인트

- 문서 구조를 스키마로 정의하고 커스텀 문서 요소를 만들 수 있음
- 대부분 기능이 확장으로 구현돼 필요한 부분을 교체하거나 수정하기 쉬운 구조임
- 접근성, 키보드 사용, 모바일, 국제화, 오른쪽에서 왼쪽으로 쓰는 문서, 협업 편집을 지원함

## 인사이트

웹 에디터를 직접 붙여본 사람이라면 ‘그냥 contenteditable 쓰면 되지’가 얼마나 위험한 말인지 안다. Wordgard는 복잡한 제품용 에디터를 만들 때 필요한 구조 통제, 확장성, 협업 편집을 정면으로 다루는 라이브러리로 보임.