라이브 미리보기

오른쪽 창은 스타일이 적용된 HTML로 렌더링된 문서이며, 입력하는 즉시 실시간으로 업데이트됩니다. 링크가 작동하고, 표가 정렬되며, 코드는 고정폭 블록으로 표시되고, 작업 목록에는 확인란이 생기며, 모든 렌더링 확장 블록(아래 참조)은 해당 그림을 제자리에 그립니다. 미리보기는 HTML 또는 PDF 내보내기가 어떻게 보일지에 대한 충실한 그림입니다.

만약 마크다운 문서가 YAML 프론트매터 블록으로 시작한다면 — Jekyll, Hugo, Obsidian과 같은 도구들이 맨 위에 두는 --- key: value --- 섹션 — Markzen은 닫는 ---가 엉뚱한 제목으로 변하는 것을 방지하고 문서 위에 깔끔한 메타데이터 카드로 렌더링합니다.

레이아웃 모드

세 개의 툴바 버튼 그룹은 창에 표시되는 내용을 설정합니다.

분할 보기 — 편집기와 미리보기가 나란히 표시됩니다. 구분선을 드래그하여 각 공간의 크기를 변경합니다.
편집기 표시 — 편집기만 표시되며, 창을 가득 채워 방해받지 않고 글을 쓸 수 있습니다.
미리보기 표시 — 미리보기만 표시되며, 깔끔한 전체 너비 리더입니다.

목차 버튼은 문서의 모든 제목(#, ##, ###, …)으로 자동 생성된 패널을 엽니다. 아무 항목이나 클릭하면 미리 보기가 해당 섹션으로 스크롤됩니다. 하위 제목이 있는 제목은 꺾쇠표시를 보여줍니다. 이를 클릭하여 해당 섹션을 접기하고 중첩된 제목을 숨기거나, 펼치기하여 다시 표시할 수 있습니다. 따라서 긴 개요를 작업 중인 부분만으로 접을 수 있습니다. 패널 헤더의 작은 2 / 3 / 4 버튼은 개요를 해당 제목 깊이로 제한합니다. 긴 문서에서 최상위 수준만 보려는 경우 유용하며, 활성화된 버튼을 다시 클릭하면 모든 수준이 다시 표시됩니다. 패널은 왼쪽 가장자리를 드래그하여 크기를 조정하고 읽기 공간을 확보하기 위해 접을 수 있습니다. 이는 앱 내에서만 사용되는 탐색 도우미이며, 내보내기에는 나타나지 않습니다.