> ## 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.

# Beralih antara Visual dan Kode

> Ubah template kode menjadi blok, edit kode template visual, dan apa yang terjadi pada pekerjaan Anda saat Anda beralih kembali.

Setiap template pada dasarnya adalah Liquid dan HTML. Editor **Visual** membuat kode tersebut untuk Anda dari blok dan gaya dokumen; editor **Kode** menampilkan kodenya secara langsung. Anda beralih dengan tab **Visual** dan **Kode** di bagian atas editor. Foliant tidak pernah membuang kode saat Anda beralih: apa pun yang tidak dapat diubah menjadi blok biasa akan disimpan sebagai blok **Liquid kustom**.

## Sebelum Anda mulai

Tab **Visual** bergantung pada paket Anda. Jika paket Anda tidak menyertakannya, tab tersebut menampilkan paket yang menyertakannya, dan editor kode tetap berfungsi seperti biasa. Lihat [Ketersediaan editor visual per paket](https://foliant-help.iforiti.com/id/template-editor/visual-editor-plans.md).

## Mengubah template kode menjadi blok

1. Buka template di editor. Template terbuka di **Kode**.
2. Klik tab **Visual**. Dialog **Ubah ke visual** akan terbuka.
3. Pilih cara memulai:

| Opsi | Yang terjadi |
| - | - |
| **Mulai dari tata letak blok** | Pilih **Tata letak** (misalnya **Faktur**, **Slip Pengepakan**, atau **Formulir Pengembalian**) lalu klik **Gunakan tata letak blok**. Kode Anda saat ini diganti dengan tata letak tersebut. Sebelum Anda menyimpan, **Buang** akan mengembalikan kode Anda; setelah disimpan, kode tersebut tetap ada di riwayat versi. |
| **Simpan kode saya sebagai blok Liquid kustom** | Klik **Simpan kode saya**. Kode Anda tetap disimpan, dan Anda dapat menambahkan blok baru di sekitarnya. Foliant mengubah bagian yang dikenalinya (seperti header, alamat, tabel item, atau total) menjadi blok biasa jika bagian tersebut mencetak detail pesanan yang sama, dan menyimpan semua bagian lain sebagai blok Liquid kustom di posisinya. |

4. Periksa halaman, lalu simpan.

Tata letak yang tersedia bergantung pada template: satu dokumen per pesanan (Faktur, Nota kredit, Penawaran harga, Slip Pengepakan, Formulir Pengembalian, Faktur komersial, Pesanan pembelian, Dokumen pesanan umum, Label pengiriman, Tanda terima) atau satu dokumen untuk semua pesanan yang dipilih (Daftar pengambilan, Ringkasan pesanan). Tata letak untuk suatu jenis dokumen memberikan jenis tersebut pada template yang belum memiliki jenis, sehingga tata letak faktur diberi nomor sebagai faktur.

## Melihat atau mengedit kode template visual

1. Di template visual, klik tab **Kode**. Anda akan melihat **Liquid hasil kompilasi**: kode yang dibuat Foliant dari blok dan gaya dokumen Anda. Kode ini hanya dapat dibaca.
2. Untuk mengubahnya, klik **Edit kode**. Mulai saat itu, editor kode aktif dan menyimpan berarti menyimpan kode Anda.
3. Saat Anda menyimpan, Foliant membaca kembali blok dari kode Anda, sehingga template tetap visual.

Anda juga dapat membuka kode hasil kompilasi dari satu blok: pilih blok tersebut lalu klik **Lihat Liquid hasil kompilasi** di tab **Konten** blok itu.

## Beralih kembali ke Visual setelah mengedit kode

Klik tab **Visual**. Foliant membaca blok dari kode Anda:

* Blok yang kodenya tidak Anda ubah akan kembali seperti semula.
* Jika ada kode yang tidak lagi cocok dengan bloknya, atau ditulis di luar blok mana pun, dialog **Beralih kembali ke Visual?** mencantumkan bagian tersebut di bawah **Bagian yang disimpan sebagai Liquid kustom**, beserta alasannya:
  * **Kode diedit**: kode blok berubah, sehingga blok menjadi blok Liquid kustom.
  * **Ditulis di luar blok mana pun**: kode baru yang Anda tambahkan di antara blok.
* Klik **Beralih ke Visual** untuk melanjutkan, atau **Tetap di Liquid** untuk terus mengedit kode.

Tidak ada yang dihapus, dan Anda dapat membatalkan peralihan. Anda perlu memperbaiki kesalahan kode sebelum dapat beralih.

## Mengganti template dengan template awal

**Ganti dengan template awal…** di bilah atas mengganti seluruh isi editor dengan template awal atau desain. Template awal adalah template kode, sehingga template visual menjadi template kode. Tidak ada yang berubah sampai Anda menyimpan, dan **Buang** akan mengembalikan isi sebelumnya.

## Perlu diketahui

* Blok Liquid kustom dapat dipindahkan, diberi gaya, dan diberi kondisi seperti blok lainnya. Kodenya dicetak persis seperti yang ditulis.
* Konversi berlaku per template dan hanya terjadi jika Anda memilihnya.
* Template yang dibuat dari desain yang dibeli menggunakan editor desain dan tidak dapat dialihkan ke Visual atau Kode di sini.

## Artikel terkait

* [Membuka editor template](https://foliant-help.iforiti.com/id/template-editor/editor-overview.md)
* [Mengedit kode template](https://foliant-help.iforiti.com/id/template-editor/code-editor.md)
* [Referensi blok](https://foliant-help.iforiti.com/id/template-editor/block-catalogue.md)
* [Ketersediaan editor visual per paket](https://foliant-help.iforiti.com/id/template-editor/visual-editor-plans.md)


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