> ## 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. # Avaa mallieditori > Mallieditori avautuu koko näytön ikkunaan Mallit-sivun päälle. Siinä on visuaalinen editori lohkoille ja koodieditori Liquidille ja HTML:lle. Mallieditorissa muutat asiakirjan ulkoasua ja sitä, mitä siihen tulostuu. Editori avautuu koko näytön ikkunaan **Mallit**-sivun päälle. Useimpia malleja voit muokata kahdella tavalla: **Visuaalinen**-editorissa rakennat asiakirjan lohkoista kirjoittamatta koodia, ja **Koodi**-editorissa muokkaat mallin Liquidia ja HTML:ää suoraan. Mitä tahansa muutatkin, sivun esikatselu päivittyy työskennellessäsi. ![Malliehditori Visuaalinen-tilassa](https://mintcdn.com/foliant-dev/AoWxppgqeHqT1nDZ/template-editor/images/editor-overview.png?fit=max\&auto=format\&n=AoWxppgqeHqT1nDZ\&q=85\&s=4c16c3872dcf20e9f32165be1563b3b2) ## Avaa editori 1. Siirry Foliantissa kohtaan **Mallit**. 2. Avaa mallin **Toiminnot**-valikko ja valitse **Muokkaa mallia**. Voit myös avata mallin **Asetukset**-sivun ja napsauttaa siellä **Muokkaa mallia**. Editori avaa aina mallin, joka on jo olemassa. Jos haluat tehdä uuden mallin, käytä ensin Mallit-sivun **Luo malli** -toimintoa (katso [Luo malli](https://foliant-help.iforiti.com/fi/templates/create-a-template.md)). Editori avautuu uuteen malliin, kun se on luotu. Sulje editori Shopifyn hallintapaneelin ikkunan sulkemispainikkeella. Palaat sivulle, jolta tulit. ## Mitä näet **Yläpalkissa** näkyvät mallin nimi ja nämä toiminnot: | Toiminto | Mitä se tekee | | - | - | | **Historia** | Avaa mallin versiohistorian. Kun historia on auki, painikkeessa lukee **Takaisin editoriin**. | | **Julkaise** | Näkyy pääpainikkeena Historian sijaan, kun **Vaadi julkaisu** on päällä ja mallissa on julkaisematon luonnos. Katso [Tallenna muutokset ja julkaise](https://foliant-help.iforiti.com/fi/template-editor/save-and-publish.md). | | **Mallin asetukset** | Sulkee editorin ja avaa mallin asetussivun: kuka mallin saa, sen nimi, asiakirjatyyppi, kieli ja toimitus. | | **Näytä lohkot JSON-muodossa** | Vain visuaaliset mallit. Näyttää lohkot datana, jotta voit viedä tai tuoda ne. Katso [Vie ja tuo lohkoja JSON-muodossa](https://foliant-help.iforiti.com/fi/template-editor/export-import-blocks.md). | | **Korvaa aloituspohjalla…** | Korvaa koko mallin valmiilla aloituspohjalla tai designilla. Mikään ei muutu ennen kuin tallennat. | | **Poista** | Poistaa mallin, kun olet vahvistanut poiston. | **Yläpalkin alla olevalla rivillä** ovat: * Tilan vaihtaja: **Visuaalinen** ja **Koodi**. Katso [Vaihda Visuaalisen ja Koodin välillä](https://foliant-help.iforiti.com/fi/template-editor/visual-and-code-modes.md). * Asiakirjan **Paperi**, **Asiakirjan kieli**, **Toinen kieli** (koodimallit) ja **Numeromuoto**. Nämä tallennetaan mallin mukana. Katso [Esikatselu, paperikoko ja zoomaus](https://foliant-help.iforiti.com/fi/template-editor/preview-paper-and-zoom.md) ja [Päivämäärät, kielet ja käännökset](https://foliant-help.iforiti.com/fi/template-editor/liquid-dates-and-languages.md). * **Julkaistu**- tai **Luonnos – julkaisemattomia muutoksia** -merkki, kun julkaisu vaaditaan. * **Tallentamattomia muutoksia** -merkki, kun sinulla on tallentamattomia muutoksia. * Visuaalisessa editorissa: **Kumoa**, **Tee uudelleen**, **Asiakirjan tyylit** ja lohkojen määrä. **Pääalue** riippuu tilasta: * **Visuaalinen**: lohkopaletti vasemmalla, sivu keskellä ja tarkastelupaneeli oikealla. Katso [Lisää, siirrä ja poista lohkoja](https://foliant-help.iforiti.com/fi/template-editor/add-and-arrange-blocks.md). * **Koodi**: koodieditori vasemmalla **Liquid-muuttujat**- ja **Metakentät**-viitteineen ja reaaliaikainen esikatselu oikealla. Katso [Muokkaa mallin koodia](https://foliant-help.iforiti.com/fi/template-editor/code-editor.md). Sivun yläpuolelta löydät myös **Esikatsele PDF** -painikkeen, **Vesileima: päällä** / **Vesileima: pois** -painikkeen (katso [Lisää vesileima tai leima](https://foliant-help.iforiti.com/fi/template-editor/watermarks.md)), esikatselutilauksen valitsimen ja zoomauspainikkeet. ## Missä editorissa malli avautuu * Lohkoista rakennettu malli avautuu **Visuaalinen**-tilassa, jos tilaukseesi sisältyy visuaalinen editori. Muuten se avautuu **Koodi**-tilassa. Katso [Visuaalisen editorin saatavuus tilauksittain](https://foliant-help.iforiti.com/fi/template-editor/visual-editor-plans.md). * Koodilla kirjoitettu malli avautuu **Koodi**-tilassa. Voit muuntaa sen lohkoiksi **Visuaalinen**-välilehdellä. * Ostetusta designista tehty malli avautuu sen sijaan design-editorissa. Katso [Muokkaa designia](https://foliant-help.iforiti.com/fi/designs/customize-a-design.md). ## Hyvä tietää * Linkit, jotka vievät pois editorista (kuten **Mallin asetukset**, brändäysasetukset tai Tilaukset-sivu), sulkevat ikkunan. Jos sinulla on tallentamattomia muutoksia, Foliant pyytää sinua ensin valitsemaan **Tallenna ja jatka** tai **Hylkää ja jatka**. * Lasku- ja hyvityslaskumalleissa, joilla on jo laadittu asiakirjoja, banneri muistuttaa, että muutokset koskevat vain tästä eteenpäin laadittavia asiakirjoja. Katso [Lukitse laaditut laskut](https://foliant-help.iforiti.com/fi/invoices-and-numbering/locked-invoices.md). * Malleissa, jotka tulostavat yhden asiakirjan kaikista valituista tilauksista (lähetyslistat, tilausyhteenvedot, keräilylistat), on omat lohkonsa ja kenttänsä. Esikatselu käyttää niissä kolmea esimerkkitilausta, eikä lohkoilla voi olla ehtoja. ## Aiheeseen liittyvät artikkelit * [Vaihda Visuaalisen ja Koodin välillä](https://foliant-help.iforiti.com/fi/template-editor/visual-and-code-modes.md) * [Lisää, siirrä ja poista lohkoja](https://foliant-help.iforiti.com/fi/template-editor/add-and-arrange-blocks.md) * [Muokkaa mallin koodia](https://foliant-help.iforiti.com/fi/template-editor/code-editor.md) * [Tallenna muutokset ja julkaise](https://foliant-help.iforiti.com/fi/template-editor/save-and-publish.md) * [Luo malli](https://foliant-help.iforiti.com/fi/templates/create-a-template.md) This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.