지식 베이스 문서를 작성하고 편집하기 위한 내장 편집기입니다. TipTap(ProseMirror)을 기반으로 하며 — Notion, GitBook 및 기타 현대 편집기에서 사용하는 것과 동일한 엔진입니다.
#편집기 인터페이스
편집기에는 네 개의 주요 영역이 있습니다:
| 영역 | 위치 | 용도 |
|---|---|---|
| 제목과 작업 | 상단 행 | 문서 제목, 내보내기 및 공유 버튼 |
| 툴바 | 제목 아래 | 모든 서식 도구 |
| 편집 영역 + 사이드바 | 중앙 | 왼쪽에 문서 텍스트, 오른쪽에 탭 패널 |
| 상태 표시줄 | 하단 | 저장 상태, 단어 수, 읽기 시간 |
#문서 작성
- 문서 섹션(또는 개요 화면)에서 **"+ 문서 작성"**을 클릭합니다 — 편집기가 열립니다.
- 새 문서의 경우 편집기가 "템플릿 선택" 대화상자를 표시합니다: 빈 상태로 시작, AI Author로 생성, 또는 준비된 템플릿 사용(아래 목록).
- 제목을 입력하고 주 영역에 작성합니다.
- 문서는 변경할 때마다 자동으로 저장됩니다.
#새 문서 템플릿
| 템플릿 | 제공 내용 |
|---|---|
| 빈 문서 | 처음부터 시작 |
| AI Author | 프롬프트로부터 문서 생성(AI 어시스턴트 참조) |
| FAQ | 접을 수 있는 답변이 있는 자주 묻는 질문 |
| 가이드 | 전제 조건과 결과가 있는 단계별 안내 |
| 문제 해결 | 증상, 원인, 해결책 |
| 릴리스 노트 | 새 기능, 개선, 수정, 알려진 문제 |
| API 문서 | 엔드포인트 설명: 매개변수, 응답, 오류 |
| 회의록 | 안건, 논의, 실행 항목, 다음 회의 |
시스템 템플릿 외에도 Editor+는 조직을 위한 맞춤 템플릿을 만들 수 있습니다.
#툴바
툴바는 편집 영역 위에 위치합니다. 버튼은 기능별로 그룹화되어 세로 구분선으로 나뉩니다.
#버튼 그룹 설명
1. 히스토리 — ↩ 실행 취소(Ctrl+Z), ↪ 다시 실행(Ctrl+Shift+Z)
2. 블록 유형 — 문단과 제목 H1–H3 간 전환
3. 서식 — B 굵게, I 기울임, U 밑줄, S 취소선, ~ 인라인 코드
4. 링크와 목록 — 하이퍼링크(Ctrl+Shift+K), 글머리 기호, 번호 매기기, 체크리스트
5. 블록 — 인용, 강조 표시가 있는 코드, 표(최대 8x8 그리드 선택기), 구분선, 이미지
6. 특수 블록 — 콜아웃(정보 / 경고 / 오류 / 성공), 토글(접을 수 있는 블록)
7. 정렬 — 왼쪽, 가운데, 오른쪽
8. 색상 — 텍스트 색상(9가지), 배경 강조(7가지)
9. AI — 드롭다운 메뉴: AI Format, AI Improve, AI Rewrite, AI Translate(아래 자세히)
10. 확대/축소 — 70%에서 150%까지, 단어 수, 읽기 시간
#슬래시 명령
빈 줄에서 **/**를 입력하면 빠른 삽입 메뉴가 열립니다. 이름을 입력하기 시작하면 필터링됩니다.
"+" 버튼 — 빈 줄 왼쪽에 나타나는 "+" 버튼(커서가 빈 문단에 있을 때)으로도 같은 목록을 열 수 있습니다. /를 입력하지 않고 마우스로 블록을 삽입하기에 편리합니다.
| # | 명령 | 삽입 내용 |
|---|---|---|
| 1 | 문단 | 일반 텍스트 |
| 2 | 제목 1 | H1 |
| 3 | 제목 2 | H2 |
| 4 | 제목 3 | H3 |
| 5 | 글머리 기호 목록 | 글머리 기호 |
| 6 | 번호 매기기 목록 | 1, 2, 3... |
| 7 | 체크리스트 | 체크박스가 있는 작업 |
| 8 | 인용 | 인용 블록 |
| 9 | 코드 | 강조 표시가 있는 코드 블록 |
| 10 | 표 | 표 |
| 11 | 구분선 | 가로줄 |
| 12 | 이미지 | 파일 업로드 |
| 13 | 정보 | 파란 콜아웃 블록 |
| 14 | 경고 | 노란 콜아웃 블록 |
| 15 | 오류 | 빨간 콜아웃 블록 |
| 16 | 성공 | 초록 콜아웃 블록 |
| 17 | 토글 | 접을 수 있는 블록 |
| 18 | 임베드 | 동영상/서비스 임베드 |
| 19 | Mermaid | 순서도와 다이어그램 |
| 20 | 수식 | 블록 LaTeX 수식 |
| 21 | 수식(인라인) | 텍스트 내 수식 |
| 22 | 목차 | 자동 목차 |
| 23 | 이모지 | 선택 패널 |
| 24 | Wiki 링크 | 다른 문서로의 내부 링크(목록에서 선택) |
#버블 메뉴(플로팅 메뉴)
특정 유형의 콘텐츠와 상호작용할 때 자동으로 나타나는 상황별 메뉴입니다.
#텍스트 선택 시
일부분을 선택하면 — 그 위에 플로팅 패널이 나타납니다:
B 굵게 · I 기울임 · U 밑줄 · S 취소선 · ~ 코드 · 🔗 링크 · ab 강조 표시 · X₂ 아래 첨자 · X² 위 첨자
#표 클릭 시
커서가 표 셀에 있으면 상황별 메뉴가 나타납니다:
- 행 — 위/아래에 행 추가, 행 삭제
- 열 — 왼쪽/오른쪽에 열 추가, 열 삭제
- 셀 — 선택 항목 병합, 이전에 병합된 것 분할
- 헤더 — 행을 헤더로 표시
- 전체 너비로 확장 — 표를 전체 캔버스 너비로 늘림. 세로 방향에서 이용 가능; 가로에서는 버튼이 숨겨짐(그곳에서는 캔버스가 이미 넓음)
- 셀 텍스트 서식("Aa" 버튼) — 굵게, 기울임, 밑줄, 취소선, 코드, 강조 표시, 아래 첨자, 위 첨자
- 표 삭제 — 전체 표 제거
#이미지 클릭 시
- 크기(프리셋) — 다섯 가지 옵션:
- S — 열 너비의 25%(썸네일)
- M — 50%(텍스트의 절반)
- L — 75%(큰 삽화)
- Full — 100%(전체 콘텐츠 너비)
- U(맞춤) — 이미지 모서리를 드래그하여 수동으로 설정한 임의 너비(모서리 핸들). 이 항목은 현재 너비가 어떤 프리셋과도 일치하지 않을 때 자동으로 노란색으로 강조됩니다 — "수동 크기 조정을 수행했다"는 표시입니다.
U를 클릭해도 너비는 변경되지 않으며 — 단지 표시일 뿐입니다.
- 정렬 — 세 가지 옵션:
- ◀ 왼쪽 — 텍스트가 오른쪽으로 감쌈(
float: left) - ■ 가운데 — 이미지가 가운데 정렬되고, 텍스트가 위아래로 흐름(감싸지 않음)
- ▶ 오른쪽 — 텍스트가 왼쪽으로 감쌈(
float: right) - 자동 축소: Full 크기에서 왼쪽/오른쪽 정렬을 선택하면 너비가 자동으로 **L(75%)**로 축소됩니다 — 그렇지 않으면 텍스트 감싸기가 눈에 띄지 않기 때문입니다(전체 너비 이미지는 그 아래의 모든 텍스트를 "밀어냄").
- ◀ 왼쪽 — 텍스트가 오른쪽으로 감쌈(
- 블록 위/아래 이동(⌃ / ⌄) — 드래그 앤 드롭 없이 인접한 블록(문단, 제목, 다른 이미지)과 자리를 바꿈. 레이아웃 미세 조정에 편리합니다.
- Alt 텍스트 — SEO와 접근성을 위한 설명(시각 장애인용 스크린 리더). 작은 프롬프트가 열림; 이미지 내용에 대해 1~2문장을 입력합니다.
- 삭제 — 문서에서 이미지 제거.
드래그 크기 조정. S/M/L/Full 프리셋 외에도 마우스로 선택한 이미지의 모서리를 드래그할 수 있습니다 — 너비가 픽셀 정밀도로 픽셀 또는 퍼센트로 설정됩니다. 이 너비 옵션이 버블 메뉴에서 U 표시가 강조하는 것입니다.
#키보드 단축키
| 작업 | Mac | Windows/Linux |
|---|---|---|
| 굵게 | ⌘B | Ctrl+B |
| 기울임 | ⌘I | Ctrl+I |
| 밑줄 | ⌘U | Ctrl+U |
| 취소선 | ⌘⇧S | Ctrl+Shift+S |
| 인라인 코드 | ⌘E | Ctrl+E |
| 링크 | ⌘⇧K | Ctrl+Shift+K |
| 실행 취소 | ⌘Z | Ctrl+Z |
| 다시 실행 | ⌘⇧Z | Ctrl+Shift+Z |
| 제목 1 / 2 / 3 | ⌘⇧1 / 2 / 3 | Ctrl+Shift+1 / 2 / 3 |
| 목록(번호 / 글머리 기호 / 작업) | ⌘⇧7 / 8 / 9 | Ctrl+Shift+7 / 8 / 9 |
| 인용 | ⌘⇧B | Ctrl+Shift+B |
| 명령 메뉴 | / | / |
| 텍스트에서 찾기 | ⌘F | Ctrl+F |
| 찾기: 다음 / 이전 / 닫기 | Enter / ⇧Enter / Esc | Enter / Shift+Enter / Esc |
| 목록 들여쓰기 / 내어쓰기 | Tab / ⇧Tab | Tab / Shift+Tab |
| 저장 | ⌘S | Ctrl+S |
#이미지
#삽입 방법
| 방법 | 방식 |
|---|---|
| 툴바 버튼 | 이미지 아이콘(▦)을 클릭하고 디스크에서 파일 선택 |
| 드래그 앤 드롭 | 이미지 파일을 편집 영역으로 직접 드래그 — 자동으로 업로드되어 커서를 놓은 곳에 삽입됨 |
| 클립보드에서 | 이미지를 클립보드에 복사(스크린샷, 웹 페이지의 이미지)하고 Ctrl+V / ⌘V를 누름 |
이미지는 클라우드 저장소(S3 / 호환)에 자동으로 업로드됩니다. 텍스트는 안전한 URL에 대한 링크를 유지합니다 — 콘텐츠를 복사할 때 원본이 유실되지 않습니다.
#크기 제어
4개의 프리셋과 맞춤 크기가 있습니다:
#정렬과 감싸기
세 가지 위치 지정 옵션:
- 왼쪽 — 이미지가 왼쪽 가장자리에 고정되고 텍스트가 오른쪽으로 감쌈
- 가운데 — 이미지가 가운데 정렬되고 텍스트가 감싸지 않고 위아래로 흐름
- 오른쪽 — 이미지가 오른쪽 가장자리에 고정되고 텍스트가 왼쪽으로 감쌈
참고: Full 모드에서 이미지를 왼쪽/오른쪽으로 정렬하려고 하면 자동으로 **L(75%)**로 축소됩니다 — 그렇지 않으면 감싸기가 눈에 띄지 않기 때문입니다. 이는 합리적인 레이아웃을 위한 의도된 동작입니다.
#자르기, 회전, 순서
이미지를 선택하면 — 팝업 버블 메뉴에서 크기와 정렬 외에 다음을 할 수 있습니다:
- 자르기 / 회전 — 내장 이미지 편집기 열기(자르기, 회전, 뒤집기)
- 위/아래로 이동 — 잘라내기-붙여넣기 없이 인접한 블록 사이에서 이미지 이동
- 이미지 삭제
#접근성(Alt 텍스트)
버블 메뉴의 Alt 버튼은 이미지 내용에 대한 설명을 입력할 수 있는 프롬프트를 엽니다. 다음에 사용됩니다:
- 검색 엔진에 의해(SEO) — Google이 이미지 검색을 위해 alt 텍스트를 인덱싱함
- 시각 장애인용 스크린 리더에 의해
- 로드 실패 시 — 이미지 대신 alt 텍스트가 표시됨
정보를 담은 모든 이미지(UI 스크린샷, 다이어그램, 차트)에 1~2문장의 의미 있는 alt를 제공하는 것을 권장합니다. 장식용 이미지는 alt를 비워둘 수 있습니다.
#표
#표 삽입
- 툴바의 ▦ 버튼을 클릭합니다
- 크기 선택 그리드가 나타납니다(최대 8x8)
- 마우스를 올려 행과 열의 수를 선택합니다
- 클릭하여 삽입합니다
또는 슬래시 명령에서 /table을 입력합니다.
#표 다루기
표 위에 컴팩트한 트리거가 나타납니다(표 아이콘 + 셀 텍스트 서식용 별도 Aa 버튼). 클릭하면 그룹이 있는 메뉴가 열립니다:
| 그룹 | 작업 |
|---|---|
| 행 | 위에 행 · 아래에 행 · 행 삭제 |
| 열 | 왼쪽 열 · 오른쪽 열 · 열 삭제 |
| 셀 | 셀 병합 · 셀 분할 · 헤더(헤더 행 켜기/끄기 전환) |
| 너비 | 전체 너비로 확장 ↔ 표 축소 |
| 표 삭제 |
추가로: 열 경계를 마우스로 드래그하여 너비를 변경할 수 있으며; 메뉴 자체는 상단 핸들로 드래그할 수 있습니다.
전체 너비로 확장 — 표가 텍스트 열을 넘어 이용 가능한 전체 캔버스 너비를 차지합니다(Notion 스타일). 이 옵션은 세로 방향에서 이용 가능하며; 가로에서는 캔버스가 이미 넓습니다(아래 참조).
#캔버스 방향(세로 / 가로)
편집기의 상단 바에는 두 개의 버튼으로 된 방향 전환기가 있습니다:
- 세로 방향 — 표준 콘텐츠 열(좁고, 읽기 편함).
- 가로 방향(넓은 표용) — 넓은 표와 다이어그램에 맞게 열이 넓어짐.
선택 내용은 기억되어 편집기뿐만 아니라 인쇄 시와 A4 미리보기에서도 적용됩니다(용지가 가로로 회전함). 단일 넓은 표의 경우 전체 문서의 방향을 그대로 두고 그 표만 확장할 수 있습니다(위의 "전체 너비로 확장" 참조).
#임베드(삽입된 콘텐츠)
/embed 슬래시 명령으로 외부 서비스의 콘텐츠를 삽입합니다:
/embed를 입력 → URL 필드가 나타남- 콘텐츠 링크를 붙여넣음
- 편집기가 자동으로 유형을 감지하고 iframe 미리보기를 생성함
지원 서비스:
- YouTube — 동영상
- Vimeo — 동영상
- Figma — 목업과 디자인
- Loom — 화면 녹화
- Miro — 인터랙티브 보드
- Google Docs / Sheets / Slides — 문서, 스프레드시트, 프레젠테이션
#Mermaid 다이어그램
/mermaid 슬래시 명령으로 텍스트 바로 안에서 다이어그램을 생성합니다:
graph TD
A[시작] --> B{조건}
B -->|예| C[작업 1]
B -->|아니오| D[작업 2]지원 유형: 순서도, 시퀀스 다이어그램, 간트 차트, 마인드맵 등.
#수식
#블록 수식
/math를 입력하면 — LaTeX 수식 편집기가 열립니다. 예시:
E = mc^2#인라인 수식
텍스트 내 수식을 위해 /math-inline을 입력합니다, 예: 가속도 a = F/m에서.
KaTeX를 통한 렌더링 — 대부분의 LaTeX 명령을 지원합니다.
#AI 어시스턴트
AI 어시스턴트는 툴바의 ✨ AI 버튼을 통해 이용할 수 있습니다. 네 가지 기능:
| 기능 | 설명 |
|---|---|
| AI Format | 텍스트를 자동으로 구조화: 제목, 목록, 강조 |
| AI Improve | 표현을 개선하고 오류를 수정하고 구조를 추가 |
| AI Rewrite | 선택한 일부분을 미리보기와 함께 완전히 재작성 |
| AI Translate | 문서를 14개 언어 중 하나로 번역 |
자세히 알아보기: AI 어시스턴트
#사이드바
편집기 오른쪽에는 네 개의 탭이 있는 패널이 있습니다:
#1. 목차(TOC)
- H1, H2, H3 제목으로부터 자동으로 구성됨
- 항목을 클릭하면 — 편집기가 해당 섹션으로 스크롤됨
- 제목을 추가하면 실시간으로 업데이트됨
#2. 인사이트
- Quality score — 문서의 완성도와 가독성에 대한 AI 평가(0–100점)
- 공백(Gap Alerts) — 사용자가 묻지만 문서가 답하지 못하는 주제
- 관련 질문 — 이 문서가 답하는 데 도움이 되는 쿼리
- 권장 사항 — 콘텐츠 개선 제안
- 검토 — 문서를 검토에 제출하기 위한 패널(Pro/Enterprise용)
#3. 댓글
문서 바로 안에서의 논의(Pro 요금제 이상에서 이용 가능):
- 댓글 추가 — 전체 문서 또는 선택한 일부분에(일부분 텍스트가 댓글 헤더에 표시됨).
Ctrl/⌘+Enter— 빠른 전송. - 답글 — 답글 스레드;
@이름으로 구성원을 멘션. - 해결 / 다시 열기 — 논의를 해결됨으로 표시하고 다시 엶; "활성 / 해결됨" 필터.
- 본인의 댓글을 편집할 수 있으며; 삭제 — 작성자 또는 편집자 이상.
- 문서의 작성자는 새 댓글에 대한 알림을 받고, 스레드의 작성자는 답글에 대한 알림을 받습니다.
#4. 히스토리
- 날짜와 작성자가 있는 모든 문서 버전 목록
- 이전 버전 보기
- 저장된 버전으로 롤백
- 문서당 최근 30개의 복원 지점이 유지됨 — 그보다 오래된 것은 자동으로 삭제됨.
- 자동 저장마다 지점이 생기지 않도록, 단일 세션(약 10분) 내의 편집은 하나의 지점으로 병합됨. 명시적 "저장", "게시", AI 작업은 별도 지점을 생성함.
#저장과 게시
#자동 저장
문서는 각 변경 후 몇 초 뒤에 자동으로 저장됩니다. 상태는 하단 바에 표시됩니다:
- 저장 중... — 저장이 진행 중
- 저장됨 ✓ — 모든 변경이 저장됨
#수동 저장
즉시 저장하려면 Ctrl+S(Mac에서는 ⌘S)를 누릅니다.
#게시
- 오른쪽 상단 모서리의 게시 버튼을 클릭합니다
- 문서가 검색과 AI 답변에 이용 가능해집니다
- 상태가 "게시됨 ✓"로 변경됩니다
게시 후 새 편집을 하면 상태가 초기화되며, "게시"를 다시 클릭해야 합니다.
#문서 공개 범위
각 문서에는 공개 범위 수준이 있습니다(제목 옆의 배지로 설정):
| 수준 | 표시 대상 | 사용 시점 |
|---|---|---|
| 초안 | 편집자와 관리자만 | 작업 중이며 준비되지 않은 문서 |
| 내부 | 인증된 모든 조직 사용자 | 내부 문서 |
| 공개 | 인증되지 않은 방문자를 포함한 모두 | 공개 지식 베이스 |
문서를 공개로 전환하면 LiKE가 해당 문서에서 개인정보를 검사하고, 발견되면 게시하기 전에 확인 대화 상자를 표시합니다. 게시 전 개인정보 확인을 참조하세요.
#내보내기와 공유
#내보내기
오른쪽 상단 모서리의 내보내기 버튼을 클릭합니다. 이용 가능한 형식:
- Markdown — 원본 텍스트
- HTML — 웹 페이지
- PDF — 인쇄용 문서
- DOCX — Word 문서
#공유
공유 버튼을 클릭합니다:
- 공개 링크 — 링크가 있는 누구나 읽을 수 있음
- 내부 — 인증된 사용자만
- 임베드 — 웹사이트에 삽입하기 위한 HTML 코드
#검토(Pro 이상)
게시 전 문서 승인. 패널은 편집기의 오른쪽 사이드바, 인사이트 탭("승인" 블록)에 있습니다.
- 검토에 제출 — 작성자가 **"검토에 제출"**을 클릭하고 목록에서 검토자를 선택합니다. 한 문서에는 하나의 활성 요청만 있을 수 있습니다.
- 알림 — 선택된 검토자가 "검토를 요청받았습니다…" 알림을 받습니다.
- 검토자의 결정(Editor 역할 이상; 본인의 요청은 검토할 수 없음):
- 승인 — 문서가 초안이었다면 자동으로 "내부" 공개 범위로 전환됨
- 변경 요청 — 수정을 위해 작성자에게 반환
- 거부
- 작성자에게 알림 — 결과와 함께(승인됨 / 거부됨 / 수정 필요).
- 철회 — 작성자는 요청이 보류 중인 동안 철회할 수 있습니다.