코드, 다이어그램, 수식

마지막 업데이트: 스크린샷은 Folora 0.2.0 기준입니다.

글쓰기 보기에서는 코드 블록이 언어에 따라 강조 표시되고, Mermaid 코드는 다이어그램으로, LaTeX 수식은 조판된 형태로 표시됩니다.

코드 블록

  1. 서식 도구 막대의 코드 블록을 클릭합니다.
  2. 코드 언어에서 언어를 선택합니다. 블록이 해당 언어에 맞게 강조 표시됩니다.

코드 블록의 핸들로 블록 전체를 이동하거나 복사할 수 있습니다. 1,500줄을 넘는 블록은 강조 표시되지 않습니다.

Mermaid 다이어그램

언어가 mermaid로 설정된 코드 블록은 다이어그램으로 표시됩니다. 커서가 다이어그램 안으로 이동하면 위쪽에 소스가, 아래쪽에 실시간 미리보기가 나타납니다. 구문에 오류가 있으면 아래쪽에 오류를 설명하는 한 줄의 텍스트가 표시되고, 마지막으로 올바르게 그려진 다이어그램이 유지됩니다.

편집 중인 Mermaid 블록: 위쪽에 소스, 아래쪽에 순서도 미리보기
편집 중인 Mermaid 블록: 위쪽에 소스, 아래쪽에 순서도 미리보기

수식

  • 인라인 수식: $…$ 또는 \(…\).
  • 블록 수식: $$…$$ 또는 \[…\].

커서가 수식 안으로 이동하면 수식이 소스로 펼쳐지며, 소스를 직접 편집할 수 있습니다.

문서 안의 인라인 수식과 블록 수식. 수식 하나가 소스로 펼쳐져 있음
문서 안의 인라인 수식과 블록 수식. 수식 하나가 소스로 펼쳐져 있음

참고

  • HTML과 PDF로 내보내면 수식과 다이어그램이 화면에 보이는 그대로 출력됩니다. DOCX로 내보내면 수식은 TeX 소스로 유지되고 다이어그램은 이미지로 변환됩니다.
  • 다이어그램이나 수식을 처음 표시할 때는 불러오는 과정이 필요하므로 “다이어그램 엔진을 불러오는 중…” 또는 “수식 엔진을 불러오는 중…”이 잠시 나타납니다.

FOLORA