슬래시 명령
줄 머리 또는 공백 다음에서 / 를 입력하면 명령 메뉴가 뜬다(코드 블록 안에서는 안 뜬다). 타이핑으로 필터링, ↑↓ 이동, Enter 선택, Esc 취소. 정본은 src/plugins/slash-menu.ts 의 buildDefaultSlashCommands, 라벨·설명은 src/i18n.ts(아래는 한국어 표).
명령 목록
메뉴에 뜨는 순서대로.
| 라벨 (ko / en) | 아이콘 | 설명 | 필터 키워드 |
|---|---|---|---|
| 제목 1 / Heading 1 | H1 | H1 제목 | heading, h1, title, 제목 |
| 제목 2 / Heading 2 | H2 | H2 제목 | heading, h2, title, 제목 |
| 제목 3 / Heading 3 | H3 | H3 제목 | heading, h3, title, 제목 |
| 본문 / Text | ¶ | 일반 문단 | paragraph, p, text, 문단 |
| 글머리 목록 / Bulleted list | • | 불릿 리스트 | bullet, list, ul, 불릿, 리스트 |
| 번호 목록 / Numbered list | 1. | 번호 리스트 | numbered, ordered, list, ol, 번호 |
| 인용구 / Quote | ❝ | 인용구 블록 | quote, blockquote, 인용 |
| 코드 블록 / Code block | </> | 코드 블럭 | code, pre, 코드 |
| 표 / Table | ▦ | 3×3 표 (머리글 한 줄) | table, grid, 표, 테이블 |
| 구분선 / Divider | — | 수평선 | divider, hr, horizontal, 수평선, 구분선 |
| 링크 / Link | 🔗 | URL + 표시 텍스트 입력 → 링크 삽입 | link, anchor, url, 링크 |
| 이미지 / Image | 🖼 | 로컬 파일 선택 또는 URL | image, img, picture, upload, 이미지, 사진 |
| 그림판 / Drawing | ✎ | 캡처 위에 화살표·상자·글자를 그려 이미지로 | drawing, draw, sketch, annotate, 그림판, 그림, 캡처, 화살표 |
| 코드 임베드 / Embed | </> | CodePen 임베드 | embed, codepen, code, 임베드, 코드 |
| 오디오 / Audio | 🎵 | Spotify / SoundCloud 링크 | audio, music, sound, spotify, soundcloud, 오디오, 음악, 사운드 |
| 동영상 / Video | 🎬 | MP4 / YouTube / Vimeo / Loom / Dailymotion / Wistia / 네이버TV / 카카오TV | video, movie, mp4, youtube, vimeo, loom, dailymotion, wistia, naver, kakao, 비디오, 동영상, 유튜브, 네이버, 카카오 |
필터는 라벨·설명·키워드를 합친 문자열에 대한 대소문자 무시 부분 일치다. 그래서 /코드 는 코드 블록과 코드 임베드 둘 다 잡는다.
지원 영상 플랫폼
| 플랫폼 | 인식하는 URL |
|---|---|
| YouTube | youtube.com/watch?v=… / youtu.be/… / youtube.com/shorts/… / youtube.com/embed/… |
| Vimeo | vimeo.com/… / player.vimeo.com/video/… |
| Loom | loom.com/share/… / loom.com/embed/… |
| Dailymotion | dailymotion.com/video/… / dai.ly/… |
| Wistia | *.wistia.com/medias/… / fast.wistia.net/embed/iframe/… |
| 네이버TV | tv.naver.com/v/… / tv.naver.com/embed/… |
| 카카오TV | tv.kakao.com/v/… / tv.kakao.com/channel/…/cliplink/… / tv.kakao.com/embed/player/cliplink/… |
플랫폼이 아니면 MP4 파일 주소로 취급해 <video> 로 넣는다.
필터링 예시
/제목 → 제목 1, 2, 3
/he → 제목 1, 2, 3 (heading)
/불 → 글머리 목록
/quote → 인용구
/유튜브 → 동영상
/spotify → 오디오
/그림 → 그림판메뉴 조작
| 키 | 동작 |
|---|---|
↑ / ↓ | 항목 이동 (순환) |
Enter | 선택 항목 실행. 일치 항목이 없으면 메뉴만 닫힘 |
Esc | 취소 (/ 와 친 글자는 텍스트로 남음) |
| 공백 | 메뉴 닫힘 |
| 메뉴 밖 클릭 | 닫힘 |
명령 바꾸기
SlashCommand 타입은 { id, label, description?, icon?, keywords?, run(view) } 로 export 된다. 다만 <newtil-editor> 는 내장 기본 목록을 쓰며 명령 목록을 바꾸는 속성은 없다.