정의
TinyMCE(티니MCE)는 웹 브라우저 기반의 WYSIWYG(What You See Is What You Get) HTML 편집기로, 사용자가 마크업 코드를 직접 작성하지 않고도 웹 페이지의 콘텐츠를 시각적으로 편집할 수 있게 해준다. 오픈소스 라이선스로 제공되며, 상용 라이선스 옵션도 존재한다.
개요
TinyMCE는 2004년 Moxiecode Systems AB(스웨덴)에서 처음 개발되었다. 이후 2010년 Moxiecode는 Ephox에 인수되었으며, 현재는 Ephox(현 Tiny Technologies)에서 유지·보수하고 있다. JavaScript 기반으로 구현되어 있으며, 주요 웹 브라우저(Chrome, Firefox, Safari, Edge 등)에서 동작한다. 플러그인 구조를 채택하여 기능을 확장할 수 있고, 다양한 언어와 테마를 지원한다. 전 세계 수많은 웹 애플리케이션, CMS(콘텐츠 관리 시스템) 및 전자상거래 플랫폼에서 텍스트 편집기 컴포넌트로 채택되고 있다.
어원·유래
- Tiny: “작다”는 의미의 영어 형용사로, 가볍고 간단한 편집기라는 의미를 강조한다.
- MCE: “Medium‑size Content Editor” 혹은 “Miniature Content Editor”라는 해석이 흔히 제시되지만, 공식적으로는 “Moxiecode Content Editor”를 뜻한다. 이는 최초 개발사인 Moxiecode Systems의 약자이다.
특징
- 플러그인 기반 확장성 – 이미지 삽입, 테이블 편집, 코드 하이라이트 등 다양한 플러그인을 선택적으로 로드하여 기능을 추가·제거할 수 있다.
- 다양한 언어 지원 – 영문을 비롯해 한국어, 일본어, 중국어 등 50개 이상의 현지화된 UI 언어를 제공한다.
- 테마와 스킨 – 기본 제공되는 “silver” 테마 외에 커스텀 CSS를 적용해 외관을 자유롭게 디자인할 수 있다.
- API와 이벤트 – JavaScript API와 풍부한 이벤트 콜백을 통해 외부 애플리케이션과 연동하거나 사용자 정의 동작을 구현할 수 있다.
- 모바일 최적화 – 터치 인터페이스와 반응형 레이아웃을 지원하여 스마트폰·태블릿에서도 동일한 편집 경험을 제공한다.
- 보안 기능 – XSS 방지를 위한 HTML 정화( sanitization) 옵션과 콘텐츠 필터링 기능을 포함한다.
관련 항목
- CKEditor – 또 다른 주요 웹 기반 WYSIWYG 편집기.
- Quill – 오픈소스 경량 편집기.
- Content Management System(CMS) – WordPress, Drupal, Joomla 등에서 TinyMCE가 기본 편집기로 사용된 사례가 있다.
- HTML5 – TinyMCE가 편집하는 주요 마크업 언어.
- JavaScript – TinyMCE가 구현된 프로그래밍 언어.