미리보기 및 내보내기

Markdown은 원시 구문 대신 서식이 적용된 텍스트로 렌더링되고, Mermaid 다이어그램은 자동으로 그려집니다. 따라서 에이전트의 출력을 소스가 아닌 원래 의도된 모습으로 읽을 수 있습니다. HTML 파일은 한 단계 더 나아가 자체 스타일과 스크립트가 포함된 실제 페이지로 렌더링되므로, 브라우저를 열지 않고도 생성된 보고서나 대시보드를 확인할 수 있습니다. 다 읽은 후에는 콘텐츠를 복사하거나 TermTree가 없는 사람을 위해 DOCX로 내보낼 수 있습니다.

데모 프로젝트의 파일 트리와 마인드 맵 옆에 세로형 SaaS 아키텍처 Mermaid 다이어그램을 렌더링하는 TermTree

Markdown 미리보기

Markdown 파일은 열 때 기본적으로 미리보기 모드로 표시됩니다(패널 헤더의 모드 전환 버튼으로 편집기로 전환하거나, 파일별로 선택 사항이 기억되는 방식은 편집기 및 뷰어를 참조하세요).

미리보기에서 지원하는 기능:

  • 로컬 이미지 — Markdown의 상대 이미지 경로가 올바르게 해석되어 렌더링됩니다.
  • 파일 간 링크 — 다른 파일로 연결되는 링크를 클릭하면 편집기/뷰어 패널에서 해당 파일로 이동합니다. 다른 파일의 #heading으로 연결되는 링크는 해당 파일을 열고 일치하는 제목까지 스크롤합니다.

Mermaid 다이어그램

정확한 ```mermaid 언어 태그를 사용하는 펜스 코드 블록은 미리보기에서 다이어그램으로 렌더링되며, 현재 선택한 테마 갤러리 테마가 적용됩니다. 그 밖의 펜스(```mmd, 들여쓴 코드 등)는 일반 코드로 유지됩니다.

HTML 미리보기

.html, .htm 또는 .xhtml 파일을 열면 샌드박스 처리된 불투명 출처 iframe 안에서 실제 페이지로 렌더링됩니다. CSS가 적용되고 JavaScript가 실행되지만 TermTree 자체에는 접근할 수 없습니다.

미리보기는 항상 디스크에 저장된 상태의 파일을 렌더링합니다. 저장하지 않은 편집 내용이 있으면 진행 중인 변경 사항 대신 미리보기에 “저장된 버전 표시 중”이 나타납니다.

상대 링크와 하위 리소스(이미지, 스타일시트, 스크립트)는 파일 자체의 디렉터리와 그 하위 디렉터리 안에서 해석됩니다. ../을 사용해 해당 디렉터리 밖으로 이동하거나 절대 사이트 루트를 가리키는 참조는 해석되지 않습니다.

복사 및 DOCX로 저장

Markdown 미리보기의 아무 곳이나 마우스 오른쪽 버튼으로 클릭하면 다음 기능을 사용할 수 있습니다.

  • 복사 — 현재 선택 영역을 서식이 적용된 HTML과 일반 텍스트 두 형식으로 클립보드에 복사합니다. 먼저 내용을 선택해야 하며, 아무것도 선택하지 않으면 이 항목은 비활성화됩니다.
  • DOCX로 저장내보내기 옵션 대화 상자를 연 다음 문서를 .docx 파일로 내보냅니다.

내보내기 옵션에서 설정할 수 있는 항목:

  • 페이지 크기방향(세로/가로)
  • 여백 — 사전 설정(보통, 좁게, 중간, 넓게, Office) 또는 사용자 지정 값(인치, 센티미터, 밀리미터, 포인트 단위)
  • 머리글 및 바닥글 여백
  • 제본 여백맞쪽 여백(양면 인쇄용)

Mermaid 다이어그램은 렌더링된 이미지가 아닌 일반 코드 블록으로 내보내집니다. 다이어그램 소스는 보존되지만 시각적 렌더링은 보존되지 않습니다.