Appearance
React · Vue · Vanilla — 어디서든 같은 웹 컴포넌트. ProseMirror 위에서 WYSIWYG 로 편집하고 저장은 마크다운으로.
Shadow DOM 웹 컴포넌트. newtil-editor 태그 하나로 어디서든. React/Vue 래퍼 제공.
/ 입력으로 제목·목록·인용·코드·표·구분선·링크·이미지·그림판·임베드·오디오·동영상 16개 명령. 한국어·영어.
YouTube, Vimeo, Loom, Dailymotion, Wistia, 네이버TV, 카카오TV, Spotify, SoundCloud, CodePen. 폭 조절.
캡처 위에 화살표·상자·글자를 그려 이미지로. 도형 데이터는 호스트 훅으로 저장해 다시 고친다 (@newtil/drawing).
CommonMark + GFM 표. 마크다운이 못 담는 것(폭·정렬·테두리·영상)만 원문 HTML. 빈 문단은 만들지 않는다.
@newtil/design-tokens 변수를 호스트에서 넘기면 다크 모드와 브랜드 색이 따라온다. 편집 영역은 .n-prose 라 보기 화면과 같은 모습.
터치 길게 누르기 드래그, sticky 툴바, 640px 이하 레이아웃.
설치 없이 편집기를 만져 볼 수 있습니다. 아래 상자가 실제 <newtil-editor> 이고, 그 밑에는 change 이벤트로 받은 마크다운이 그대로 보입니다.
<newtil-editor>
change