> ## 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 होता है। **विज़ुअल** एडिटर ब्लॉक और दस्तावेज़ स्टाइल से यह कोड आपके लिए बनाता है। **कोड** एडिटर खुद कोड दिखाता है। आप एडिटर में सबसे ऊपर **विज़ुअल** और **कोड** टैब से स्विच करते हैं। स्विच करने पर Foliant कभी कोड नहीं हटाता। जो कुछ वह सामान्य ब्लॉक में नहीं बदल पाता, उसे **कस्टम Liquid** ब्लॉक के रूप में रखा जाता है।

## शुरू करने से पहले

**विज़ुअल** टैब आपके प्लान पर निर्भर करता है। अगर यह आपके प्लान में नहीं है, तो टैब वह प्लान दिखाता है जिसमें यह शामिल है, और कोड एडिटर पहले की तरह काम करता है। [विज़ुअल एडिटर किन प्लान में उपलब्ध है](https://foliant-help.iforiti.com/hi/template-editor/visual-editor-plans.md) देखें।

## कोड टेम्पलेट को ब्लॉक में बदलें

1. टेम्पलेट को एडिटर में खोलें। यह **कोड** में खुलता है।
2. **विज़ुअल** टैब पर क्लिक करें। **विज़ुअल में बदलें** डायलॉग खुलता है।
3. चुनें कि आप कैसे शुरू करना चाहते हैं:

| विकल्प | क्या होता है |
| - | - |
| **ब्लॉक लेआउट से शुरू करें** | एक **लेआउट** चुनें (जैसे **चालान**, **पैकिंग स्लिप** या **रिटर्न फ़ॉर्म**) और **ब्लॉक लेआउट इस्तेमाल करें** पर क्लिक करें। आपका मौजूदा कोड उस लेआउट से बदल जाता है। सेव करने से पहले तक **छोड़ें** आपका कोड वापस ले आता है। सेव करने के बाद, यह वर्शन हिस्ट्री में रहता है। |
| **मेरा कोड कस्टम Liquid ब्लॉक के रूप में रखें** | **मेरा कोड रखें** पर क्लिक करें। आपका कोड रखा जाता है, और आप उसके आसपास नए ब्लॉक जोड़ सकते हैं। Foliant जिन सेक्शन को पहचानता है (जैसे हेडर, पते, आइटम टेबल या कुल योग), उन्हें सामान्य ब्लॉक में बदल देता है, बशर्ते वे ऑर्डर की वही जानकारी प्रिंट करें। बाकी सब कुछ उसी जगह कस्टम Liquid ब्लॉक के रूप में रहता है। |

4. पेज जाँचें, फिर सेव करें।

उपलब्ध लेआउट टेम्पलेट पर निर्भर करते हैं: हर ऑर्डर के लिए एक दस्तावेज़ (चालान, क्रेडिट नोट, कोटेशन, पैकिंग स्लिप, रिटर्न फ़ॉर्म, कमर्शियल इनवॉइस, परचेज़ ऑर्डर, सामान्य ऑर्डर दस्तावेज़, शिपिंग लेबल, रसीद) या चुने गए सभी ऑर्डर के लिए एक दस्तावेज़ (पिक लिस्ट, ऑर्डर सारांश)। अगर टेम्पलेट का कोई प्रकार नहीं है, तो किसी दस्तावेज़ प्रकार का लेआउट उसे वही प्रकार दे देता है। इसलिए चालान लेआउट पर चालान की तरह नंबर लगते हैं।

## विज़ुअल टेम्पलेट का कोड देखें या संपादित करें

1. विज़ुअल टेम्पलेट में **कोड** टैब पर क्लिक करें। आपको **कंपाइल किया गया Liquid** दिखता है: वह कोड जो Foliant आपके ब्लॉक और दस्तावेज़ स्टाइल से बनाता है। इसे केवल पढ़ा जा सकता है।
2. इसे बदलने के लिए **कोड संपादित करें** पर क्लिक करें। इसके बाद कोड एडिटर सक्रिय रहता है और सेव करने पर आपका कोड सेव होता है।
3. सेव करने पर Foliant आपके कोड से ब्लॉक फिर से पढ़ता है, इसलिए टेम्पलेट विज़ुअल बना रहता है।

आप किसी एक ब्लॉक का कंपाइल किया गया कोड भी खोल सकते हैं: ब्लॉक चुनें और उसके **सामग्री** टैब में **कंपाइल किया गया Liquid देखें** पर क्लिक करें।

## कोड संपादित करने के बाद विज़ुअल पर वापस जाएँ

**विज़ुअल** टैब पर क्लिक करें। Foliant आपके कोड से ब्लॉक पढ़ता है:

* जिन ब्लॉक का कोड आपने नहीं बदला, वे पहले जैसे वापस आते हैं।
* अगर कुछ कोड अब अपने ब्लॉक से मेल नहीं खाता, या किसी ब्लॉक के बाहर लिखा गया है, तो **विज़ुअल पर वापस जाएँ?** डायलॉग उन हिस्सों को कारण के साथ **कस्टम Liquid के रूप में रखे गए हिस्से** में दिखाता है:
  * **संपादित कोड**: ब्लॉक का कोड बदल गया है, इसलिए वह कस्टम Liquid ब्लॉक बन जाता है।
  * **किसी ब्लॉक के बाहर लिखा गया**: नया कोड जो आपने ब्लॉक के बीच जोड़ा है।
* आगे बढ़ने के लिए **विज़ुअल पर जाएँ** पर क्लिक करें, या कोड संपादित करते रहने के लिए **Liquid में रहें** पर क्लिक करें।

कुछ भी हटाया नहीं जाता, और आप स्विच को पूर्ववत कर सकते हैं। स्विच करने से पहले आपको कोड की सभी त्रुटियाँ ठीक करनी होंगी।

## टेम्पलेट को स्टार्टर से बदलें

ऊपर की बार में **स्टार्टर से बदलें…** एडिटर में मौजूद सब कुछ किसी स्टार्टर टेम्पलेट या डिज़ाइन से बदल देता है। स्टार्टर कोड टेम्पलेट होते हैं, इसलिए विज़ुअल टेम्पलेट कोड टेम्पलेट बन जाता है। सेव करने तक कुछ नहीं बदलता, और **छोड़ें** आपका पहले वाला काम वापस ले आता है।

## ध्यान रखें

* कस्टम Liquid ब्लॉक को किसी भी दूसरे ब्लॉक की तरह खिसकाया जा सकता है, स्टाइल किया जा सकता है और उन पर शर्तें लगाई जा सकती हैं। उनका कोड ठीक वैसे ही प्रिंट होता है जैसा लिखा गया है।
* बदलाव हर टेम्पलेट के लिए अलग होता है और तभी होता है जब आप इसे चुनते हैं।
* खरीदे गए डिज़ाइन से बने टेम्पलेट डिज़ाइन एडिटर इस्तेमाल करते हैं। उन्हें यहाँ विज़ुअल या कोड पर स्विच नहीं किया जा सकता।

## संबंधित लेख

* [टेम्पलेट एडिटर खोलें](https://foliant-help.iforiti.com/hi/template-editor/editor-overview.md)
* [टेम्पलेट का कोड संपादित करें](https://foliant-help.iforiti.com/hi/template-editor/code-editor.md)
* [ब्लॉक संदर्भ](https://foliant-help.iforiti.com/hi/template-editor/block-catalogue.md)
* [विज़ुअल एडिटर किन प्लान में उपलब्ध है](https://foliant-help.iforiti.com/hi/template-editor/visual-editor-plans.md)


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