> ## Documentation Index
> Fetch the complete documentation index at: https://foliant-help.iforiti.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 템플릿 편집기 열기

> 템플릿 편집기는 템플릿 페이지 위에 전체 화면으로 열리며, 블록용 비주얼 편집기와 Liquid 및 HTML용 코드 편집기를 제공합니다.

템플릿 편집기에서는 문서의 모양과 인쇄되는 내용을 변경합니다. 편집기는 **템플릿** 페이지 위에 전체 화면 창으로 열립니다. 대부분의 템플릿은 두 가지 방법으로 편집할 수 있습니다. **비주얼** 편집기에서는 코드를 작성하지 않고 블록으로 문서를 만들고, **코드** 편집기에서는 템플릿의 Liquid와 HTML을 직접 편집합니다. 무엇을 변경하든 작업하는 동안 페이지 미리 보기에 바로 반영됩니다.

![비주얼 모드의 템플릿 편집기](https://mintcdn.com/foliant-dev/AoWxppgqeHqT1nDZ/template-editor/images/editor-overview.png?fit=max\&auto=format\&n=AoWxppgqeHqT1nDZ\&q=85\&s=4c16c3872dcf20e9f32165be1563b3b2)

## 편집기 열기

1. Foliant에서 **템플릿**으로 이동합니다.
2. 템플릿의 **작업** 메뉴를 열고 **템플릿 편집**을 선택합니다. 템플릿의 **설정** 페이지를 열고 그곳에서 **템플릿 편집**을 클릭해도 됩니다.

편집기는 항상 이미 있는 템플릿을 엽니다. 새 템플릿을 만들려면 먼저 템플릿 페이지에서 **템플릿 만들기**를 사용하세요([템플릿 만들기](https://foliant-help.iforiti.com/ko/templates/create-a-template.md) 참조). 템플릿이 만들어지면 편집기가 새 템플릿을 엽니다.

편집기를 닫으려면 Shopify 관리자에서 창의 닫기 버튼을 사용하세요. 원래 있던 페이지로 돌아갑니다.

## 화면 구성

**상단 표시줄**에는 템플릿 이름과 다음 작업이 표시됩니다.

| 작업 | 기능 |
| - | - |
| **기록** | 템플릿의 버전 기록을 엽니다. 기록이 열려 있는 동안 버튼은 **편집기로 돌아가기**로 표시됩니다. |
| **게시** | **게시 필수**가 켜져 있고 템플릿에 게시되지 않은 초안이 있을 때 기록 대신 기본 버튼으로 표시됩니다. [변경 사항 저장 및 게시](https://foliant-help.iforiti.com/ko/template-editor/save-and-publish.md)를 참조하세요. |
| **템플릿 설정** | 편집기를 닫고 템플릿의 설정 페이지를 엽니다. 템플릿을 받는 대상, 이름, 문서 유형, 언어 및 전송을 설정합니다. |
| **블록을 JSON으로 보기** | 비주얼 템플릿 전용입니다. 블록을 데이터로 표시하여 내보내거나 가져올 수 있습니다. [블록을 JSON으로 내보내기 및 가져오기](https://foliant-help.iforiti.com/ko/template-editor/export-import-blocks.md)를 참조하세요. |
| **스타터로 바꾸기…** | 템플릿 전체를 미리 만들어진 스타터 또는 디자인으로 바꿉니다. 저장하기 전까지는 아무것도 변경되지 않습니다. |
| **삭제** | 확인 후 템플릿을 삭제합니다. |

**상단 표시줄 아래 행**에는 다음이 있습니다.

* 모드 전환: **비주얼** 및 **코드**. [비주얼과 코드 간 전환](https://foliant-help.iforiti.com/ko/template-editor/visual-and-code-modes.md)을 참조하세요.
* 문서의 **용지**, **문서 언어**, **두 번째 언어**(코드 템플릿) 및 **숫자 형식**. 이 설정은 템플릿과 함께 저장됩니다. [미리 보기, 용지 크기 및 확대/축소](https://foliant-help.iforiti.com/ko/template-editor/preview-paper-and-zoom.md) 및 [날짜, 언어 및 번역](https://foliant-help.iforiti.com/ko/template-editor/liquid-dates-and-languages.md)을 참조하세요.
* 게시가 필수인 경우 **게시됨** 또는 **초안 — 게시되지 않은 변경 사항** 배지.
* 저장할 변경 사항이 있는 동안 표시되는 **저장되지 않은 변경 사항** 배지.
* 비주얼 편집기의 **실행 취소**, **다시 실행**, **문서 스타일** 및 블록 수.

**기본 영역**은 모드에 따라 다릅니다.

* **비주얼**: 왼쪽에 블록 팔레트, 가운데에 페이지, 오른쪽에 속성 패널이 있습니다. [블록 추가, 이동 및 제거](https://foliant-help.iforiti.com/ko/template-editor/add-and-arrange-blocks.md)를 참조하세요.
* **코드**: 왼쪽에 **Liquid 변수** 및 **메타필드** 참조가 포함된 코드 편집기가 있고, 오른쪽에 실시간 미리 보기가 있습니다. [템플릿 코드 편집](https://foliant-help.iforiti.com/ko/template-editor/code-editor.md)을 참조하세요.

페이지 위에는 **PDF 미리 보기**, **워터마크: 켜짐** / **워터마크: 꺼짐** 버튼([워터마크 또는 스탬프 추가](https://foliant-help.iforiti.com/ko/template-editor/watermarks.md) 참조), 미리 보기 주문 선택기 및 확대/축소 버튼도 있습니다.

## 템플릿이 열리는 편집기

* 블록으로 만든 템플릿은 요금제에 비주얼 편집기가 포함되어 있으면 **비주얼**에서 열립니다. 그렇지 않으면 **코드**에서 열립니다. [비주얼 편집기 요금제별 사용 가능 여부](https://foliant-help.iforiti.com/ko/template-editor/visual-editor-plans.md)를 참조하세요.
* 코드로 작성한 템플릿은 **코드**에서 열립니다. **비주얼** 탭으로 블록으로 변환할 수 있습니다.
* 구매한 디자인으로 만든 템플릿은 대신 디자인 편집기에서 열립니다. [디자인 사용자 지정](https://foliant-help.iforiti.com/ko/designs/customize-a-design.md)을 참조하세요.

## 참고 사항

* 편집기를 벗어나는 링크(예: **템플릿 설정**, 브랜딩 설정 또는 요금제 페이지)를 누르면 창이 닫힙니다. 저장되지 않은 변경 사항이 있으면 Foliant에서 먼저 **저장 후 계속** 또는 **삭제 후 계속**을 선택하도록 요청합니다.
* 이미 문서를 발행한 인보이스 및 대변표 템플릿에는 변경 사항이 앞으로 발행되는 문서에만 적용된다는 배너가 표시됩니다. [발행된 인보이스 잠금](https://foliant-help.iforiti.com/ko/invoices-and-numbering/locked-invoices.md)을 참조하세요.
* 선택한 모든 주문에 대해 하나의 문서를 인쇄하는 템플릿(매니페스트, 주문 요약, 피킹 목록)에는 전용 블록과 필드가 있습니다. 이러한 템플릿의 미리 보기에는 샘플 주문 3개가 사용되며, 블록에 조건을 설정할 수 없습니다.

## 관련 문서

* [비주얼과 코드 간 전환](https://foliant-help.iforiti.com/ko/template-editor/visual-and-code-modes.md)
* [블록 추가, 이동 및 제거](https://foliant-help.iforiti.com/ko/template-editor/add-and-arrange-blocks.md)
* [템플릿 코드 편집](https://foliant-help.iforiti.com/ko/template-editor/code-editor.md)
* [변경 사항 저장 및 게시](https://foliant-help.iforiti.com/ko/template-editor/save-and-publish.md)
* [템플릿 만들기](https://foliant-help.iforiti.com/ko/templates/create-a-template.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.