Skip to content

온프렘 웹에디터 선택 조사 ​

결론 ​

Guide Center의 제약에는 Tiptap OSS Editor가 가장 잘 맞는다. Tiptap OSS Editor는 공식 문서상 무료·오픈소스이며 MIT 라이선스로 제공되고, headless 구조라 Guide Center의 DirectoryService 시각 톤에 맞춘 자체 툴바와 컴포넌트를 구성할 수 있다. 자체 호스팅 에디터 자체에는 외부 SaaS가 필요하지 않다.

Quill 2도 무료 오픈소스이며 BSD 3-Clause 라이선스를 사용하고, 이미지 삽입을 서버 업로드 핸들러로 커스터마이징할 수 있다. 다만 콘텐츠 모델이 Delta 중심이고 복잡한 이미지·첨부파일·확장 노드 정책을 Guide Center의 HTML 퍼블리싱 모델에 연결하려면 별도 변환 계층이 필요하다.

적용 원칙 ​

Tiptap의 OSS 코어와 MIT 라이선스 확장만 번들하여 배포한다. Tiptap Cloud, AI, 협업, 유료 Pro 확장은 사용하지 않는다. 에디터 프론트엔드는 내부 번들 자산만 로드하며 CDN, SaaS 업로드, 외부 이미지 URL을 사용하지 않는다.

이미지 삽입은 에디터의 사용자 정의 업로드 핸들러가 Guide Center 서버의 admin 전용 업로드 API를 호출하고, 서버가 storagePut으로 객체 스토리지에 저장한 뒤 /manus-storage/... 내부 경로를 반환하는 방식으로 처리한다. 저장 시 HTML은 내부 자산 경로만 허용하고 javascript: URL, 인라인 이벤트 핸들러, 외부 리소스 참조는 sanitizing 단계에서 제거한다.

출처 ​

  1. Tiptap Open Source
  2. Tiptap GitHub Repository
  3. Quill GitHub Repository