कोड आणि स्वरूप
एचटीएमएल मिनिमायझर

HTML kodunuzu ücretsiz küçültün; yorumları, gereksiz boşlukları ve satır sonlarını kaldırın. pre/script/style içeriğini korur.
एचटीएमएल मिनिमायझर
एचटीएमएल इनपुट
निष्कर्ष
मूळ आकार —
कमी केलेला आकार —
बचत करणे —
संकुचित एचटीएमएल
माहिती
एचटीएमएल मिनिफायरबद्दल

एचटीएमएल मिनिफिकेशनया प्रक्रियेमध्ये तुमच्या वेबपेजच्या सोर्स कोडमधून कमेंट्स, अनावश्यक स्पेसेस आणि लाइन ब्रेक्स काढून टाकले जातात, जे मानवी वाचनीयता सुधारण्यासाठी जोडलेले असतात परंतु ब्राउझरद्वारे पार्स केले जात नाहीत. यामुळे पेज फाइलचा आकार कमी होतो, सर्वरवरून क्लायंटकडे हस्तांतरित होणाऱ्या डेटाचे प्रमाण घटते आणि पेज लोड होण्याचा वेग लक्षणीयरीत्या सुधारतो, विशेषतः जास्त रहदारी असलेल्या साइट्सवर.
हे मोफत आहे. एचटीएमएल मिनिमायझर हे टूल पूर्णपणे तुमच्या ब्राउझरमध्ये चालते; ते तुमचा कोड कधीही सर्व्हरवर पाठवत नाही.
, </code>, <code><script></code> आणि <code><style></code> `<head>` टॅगमधील जागा तशाच ठेवल्या जातात, ज्यामुळे कोडची रचना आणि जावास्क्रिप्ट/CSS ची कार्यक्षमता अपरिवर्तित राहते. केवळ या टॅगच्या बाहेरील अतिरिक्त HTML सुरक्षितपणे काढून टाकला जातो.</p>
  <p>घटवण्याच्या प्रक्रियेनंतर <strong>मूळ आकार</strong>, <strong>कमी केलेला आकार</strong> आणि <strong>टक्केवारी बचत</strong> माहिती प्रदर्शित केली जाते. तुम्ही एका क्लिकने निकाल क्लिपबोर्डवर कॉपी करू शकता. Hostragons एचटीएमएल मिनिफायर हे स्टॅटिक साईट बिल्डर्स, ईमेल टेम्प्लेट्स, लँडिंग पेज ऑप्टिमायझेशन आणि स्वतः हाताने लिहिलेल्या एचटीएमएल फाइल्ससाठी आदर्श आहे.</p>
</div> </div> <div class="col-lg-6"> <span class="hg-eyebrow">त्याचा वापर कसा करायचा?</span> <h2 class="mt-2 mb-4">टप्प्याटप्प्याने</h2> <ol class="hg-tool-steps"> <li>तुमचा HTML कोड <strong>प्रवेशद्वार क्षेत्र</strong> पेस्ट करा किंवा थेट टाइप करा.</li><li><strong>"HTML संकुचित करा"</strong> बटणावर क्लिक करा; तुमच्या ब्राउझरमध्ये प्रक्रिया त्वरित पूर्ण होईल.</li><li><strong>मूळ आकार</strong>, <strong>कमी केलेला आकार</strong> आणि <strong>बचत टक्केवारी</strong> ते मेट्रिक्समध्ये दिसून येते.</li><li>मिनिफाइड कोड <strong>"प्रत"</strong> बटण वापरून ते क्लिपबोर्डवर जतन करा आणि तुमच्या प्रोजेक्टमध्ये वापरा.</li><li>वेगळा HTML वापरून पाहण्यासाठी <strong>"स्वच्छ"</strong> बटण दाबा आणि नवीन कोड टाका.</li> </ol> </div> </div> </div> </section> <section class="section-space-bottom"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-9"> <div class="text-center mb-8"> <span class="hg-eyebrow">वारंवार विचारले जाणारे प्रश्न (FAQ)</span> <h2 class="mt-2 mb-0">वारंवार विचारले जाणारे प्रश्न</h2> </div> <div class="accordion accordion--primary accordion-separate-body" id="faq-html-kucultucu"> <div class="accordion-item"> <h3 class="accordion-header"> <button class="accordion-button fw-medium shadow" type="button" data-bs-toggle="collapse" data-bs-target="#faq-html-kucultucu-0" aria-expanded="true"> एचटीएमएल मिनिफिकेशन कोणती सामग्री जतन करते? </button> </h3> <div id="faq-html-kucultucu-0" class="accordion-collapse shadow collapse show" data-bs-parent="#faq-html-kucultucu"> <div class="accordion-body border border-dark border-opacity-5 fs-14"><code><pre></code>, <code><textarea></code>, <code><script></code> आणि <code><style></code> `<head>` टॅगमधील जागा आणि ओळींमधील अंतर कायम ठेवले जाते; या टॅगच्या बाहेरील अतिरिक्त जागा आणि HTML टिप्पण्या काढून टाकल्या जातात.</div> </div> </div><div class="accordion-item"> <h3 class="accordion-header"> <button class="accordion-button fw-medium shadow collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-html-kucultucu-1" aria-expanded="false"> हे साधन सुरक्षित आहे का? माझा कोड सर्वरवर जात आहे का? </button> </h3> <div id="faq-html-kucultucu-1" class="accordion-collapse shadow collapse" data-bs-parent="#faq-html-kucultucu"> <div class="accordion-body border border-dark border-opacity-5 fs-14">नाही, तुमचा कोड सर्वरवर पाठवला जात नाही. संपूर्ण प्रक्रिया जावास्क्रिप्ट वापरून तुमच्या ब्राउझरच्या मेमरीमध्येच पार पडते. तुमचा कोणताही डेटा जतन किंवा शेअर केला जात नाही.</div> </div> </div><div class="accordion-item"> <h3 class="accordion-header"> <button class="accordion-button fw-medium shadow collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-html-kucultucu-2" aria-expanded="false"> मिनिफाय केल्याने जावास्क्रिप्ट किंवा सीएसएसमध्ये बिघाड होतो का? </button> </h3> <div id="faq-html-kucultucu-2" class="accordion-collapse shadow collapse" data-bs-parent="#faq-html-kucultucu"> <div class="accordion-body border border-dark border-opacity-5 fs-14">हे साधन केवळ HTML संरचनेतील अनावश्यकता दूर करते. सामग्री<script> and <style> blocks remains unchanged, so JavaScript or CSS functionality is not affected.</div> </div> </div><div class="accordion-item"> <h3 class="accordion-header"> <button class="accordion-button fw-medium shadow collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-html-kucultucu-3" aria-expanded="false"> किती जागा वाचवता येईल? </button> </h3> <div id="faq-html-kucultucu-3" class="accordion-collapse shadow collapse" data-bs-parent="#faq-html-kucultucu"> <div class="accordion-body border border-dark border-opacity-5 fs-14">बचतीचे प्रमाण तुमच्या HTML च्या रचनेवर अवलंबून असते. जास्त कमेंट्स आणि इंडेंटेशन असलेल्या फाईल्समध्ये १०-४०% पर्यंत बचत होऊ शकते. हे टूल प्रत्यक्ष बचत टक्केवारीच्या स्वरूपात दाखवते.</div> </div> </div><div class="accordion-item"> <h3 class="accordion-header"> <button class="accordion-button fw-medium shadow collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-html-kucultucu-4" aria-expanded="false"> ते कोणत्या HTML आवृत्त्यांसोबत काम करते? </button> </h3> <div id="faq-html-kucultucu-4" class="accordion-collapse shadow collapse" data-bs-parent="#faq-html-kucultucu"> <div class="accordion-body border border-dark border-opacity-5 fs-14">HTML 4, XHTML आणि HTML5 शी सुसंगत. कमेंट सिंटॅक्स प्रमाणित आहे. <code><!-- ... --></code> सर्व उपलब्ध कागदपत्रे समर्थित आहेत.</div> </div> </div> </div> </div> </div> </div> </section> <section class="section-space-bottom"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-9 text-center"> <a href="/mr/%E0%A4%B8%E0%A4%BE%E0%A4%A7%E0%A4%A8%E0%A5%87/" class="hg-tool-back"> <iconify-icon icon="solar:arrow-left-linear"></iconify-icon>
सर्व विनामूल्य साधनांवर परत जा
</a> </div> </div> </div> </section>  </main> <footer class="hg-footer section-space-top position-relative z-1 overflow-hidden"> <div class="section-space-sm-bottom"> <div class="container"> <div class="hg-foot-top d-flex flex-wrap align-items-center justify-content-between gap-4 pb-4 mb-4"> <div class="d-flex align-items-center gap-3 flex-wrap"> <a class="logo d-inline-block flex-shrink-0" href="/mr/"> <img src="/theme/assets/img/hostragons-logo.svg" alt="Hostragons" width="182" height="40" class="logo__img footer-logo"> </a> <span class="hg-foot-intro mb-0">वेब होस्टिंग, वर्डप्रेस, रिसेलर होस्टिंग, व्हर्च्युअल सर्व्हर्स आणि डोमेन नेम्ससाठी तुमचा विश्वासार्ह भागीदार.</span> </div> <div class="hg-foot-awards d-flex align-items-center gap-2"> <span class="hg-foot-label mb-0 me-1 d-none d-sm-inline">आमचे पुरस्कार</span> <span class="hg-award-box"><img src="/theme/assets/img/award-cloud-2021.png" alt="टॉप १० क्लाउड होस्टिंग २०२१" width="100" height="100" class="hg-award" loading="lazy"></span> <span class="hg-award-box"><img src="/theme/assets/img/award-offshore-2025.webp" alt="२०२५ मधील सर्वोत्तम २५ ऑफशोअर होस्टिंग पर्याय" width="100" height="100" class="hg-award" loading="lazy"></span> <span class="hg-award-box"><img src="/theme/assets/img/award-gaming-2026.webp" alt="टॉप २५ गेमिंग होस्टिंग २०२६" width="100" height="100" class="hg-award" loading="lazy"></span> </div> </div> <div class="row g-4"> <div class="col-6 col-lg-3"> <p class="hg-foot-h h6 mb-0">डेटा सेंटर</p> <ul class="list gap-2"> <li><a href="/mr/%E0%A4%B9%E0%A5%8B%E0%A4%B8%E0%A5%8D%E0%A4%9F%E0%A4%BF%E0%A4%82%E0%A4%97/" class="hg-foot-link">वेब होस्टिंग</a></li> <li><a href="/mr/%E0%A4%B0%E0%A4%BF%E0%A4%B8%E0%A5%87%E0%A4%B2%E0%A4%B0-%E0%A4%B9%E0%A5%8B%E0%A4%B8%E0%A5%8D%E0%A4%9F%E0%A4%BF%E0%A4%82%E0%A4%97/" class="hg-foot-link">पुनर्विक्रेता होस्टिंग</a></li> <li><a href="/mr/%E0%A4%B5%E0%A4%B0%E0%A5%8D%E0%A4%A1%E0%A4%AA%E0%A5%8D%E0%A4%B0%E0%A5%87%E0%A4%B8-%E0%A4%B9%E0%A5%8B%E0%A4%B8%E0%A5%8D%E0%A4%9F%E0%A4%BF%E0%A4%82%E0%A4%97/" class="hg-foot-link">वर्डप्रेस होस्टिंग</a></li> <li><a href="/mr/%E0%A4%AE%E0%A5%87%E0%A4%B2-%E0%A4%B9%E0%A5%8B%E0%A4%B8%E0%A5%8D%E0%A4%9F%E0%A4%BF%E0%A4%82%E0%A4%97/" class="hg-foot-link">मेल होस्टिंग</a></li> <li><a href="/mr/%E0%A4%86%E0%A4%AD%E0%A4%BE%E0%A4%B8%E0%A5%80-%E0%A4%B8%E0%A4%B0%E0%A5%8D%E0%A4%B5%E0%A5%8D%E0%A4%B9%E0%A4%B0/" class="hg-foot-link">व्हर्च्युअल सर्व्हर</a></li> <li><a href="/mr/%E0%A4%A1%E0%A5%80%E0%A4%8F%E0%A4%A8%E0%A4%8F%E0%A4%B8-%E0%A4%B9%E0%A5%8B%E0%A4%B8%E0%A5%8D%E0%A4%9F%E0%A4%BF%E0%A4%82%E0%A4%97/" class="hg-foot-link">डीएनएस होस्टिंग</a></li> </ul> </div> <div class="col-6 col-lg-3"> <p class="hg-foot-h h6 mb-0">आमच्या सेवा</p> <ul class="list gap-2"> <li><a href="/mr/%E0%A4%B8%E0%A5%87%E0%A4%82%E0%A4%A6%E0%A5%8D%E0%A4%B0%E0%A4%BF%E0%A4%AF-%E0%A4%B5%E0%A4%BE%E0%A4%B9%E0%A4%A4%E0%A5%82%E0%A4%95/" class="hg-foot-link">ऑरगॅनिक हिट</a></li> <li><a href="/mr/whmcs-%E0%A4%AE%E0%A5%89%E0%A4%A1%E0%A5%8D%E0%A4%AF%E0%A5%82%E0%A4%B2/" class="hg-foot-link">डब्ल्यूएचएमसीएस मॉड्यूल</a></li> <li><a href="/mr/%E0%A4%B5%E0%A4%B0%E0%A5%8D%E0%A4%A1%E0%A4%AA%E0%A5%8D%E0%A4%B0%E0%A5%87%E0%A4%B8-%E0%A4%91%E0%A4%AA%E0%A5%8D%E0%A4%9F%E0%A4%BF%E0%A4%AE%E0%A4%BE%E0%A4%AF%E0%A4%9D%E0%A5%87%E0%A4%B6%E0%A4%A8/" class="hg-foot-link">वर्डप्रेस ऑप्टिमायझेशन</a></li> <li><a href="/mr/%E0%A4%B8%E0%A4%B0%E0%A5%8D%E0%A4%B5%E0%A5%8D%E0%A4%B9%E0%A4%B0-%E0%A4%91%E0%A4%AA%E0%A5%8D%E0%A4%9F%E0%A4%BF%E0%A4%AE%E0%A4%BE%E0%A4%AF%E0%A4%9D%E0%A5%87%E0%A4%B6%E0%A4%A8/" class="hg-foot-link">सर्व्हर ऑप्टिमायझेशन</a></li> <li><a href="/mr/%E0%A4%95%E0%A5%8D%E0%A4%B2%E0%A4%BE%E0%A4%89%E0%A4%A1%E0%A4%AB%E0%A5%8D%E0%A4%B2%E0%A5%87%E0%A4%85%E0%A4%B0-%E0%A4%91%E0%A4%AA%E0%A5%8D%E0%A4%9F%E0%A4%BF%E0%A4%AE%E0%A4%BE%E0%A4%AF%E0%A4%9D%E0%A5%87/" class="hg-foot-link">क्लाउडफ्लेअर ऑप्टिमायझेशन</a></li> <li><a href="/mr/%E0%A4%97%E0%A5%82%E0%A4%97%E0%A4%B2-%E0%A4%9C%E0%A4%BE%E0%A4%B9%E0%A4%BF%E0%A4%B0%E0%A4%BE%E0%A4%A4%E0%A5%80-%E0%A4%91%E0%A4%AA%E0%A5%8D%E0%A4%9F%E0%A4%BF%E0%A4%AE%E0%A4%BE%E0%A4%AF%E0%A4%9D%E0%A5%87/" class="hg-foot-link">गुगल जाहिरात ऑप्टिमायझेशन</a></li> </ul> </div> <div class="col-6 col-lg-3"> <p class="hg-foot-h h6 mb-0">इतर</p> <ul class="list gap-2"> <li><a href="/mr/%E0%A4%B8%E0%A5%87%E0%A4%B5%E0%A4%BE-%E0%A4%85%E0%A5%85%E0%A4%A1%E0%A4%91%E0%A4%A8%E0%A5%8D%E0%A4%B8/" class="hg-foot-link">सेवा ॲड-ऑन्स</a></li> <li><a href="/mr/%E0%A4%B5%E0%A4%BF%E0%A4%A8%E0%A4%BE%E0%A4%AE%E0%A5%82%E0%A4%B2%E0%A5%8D%E0%A4%AF-%E0%A4%B9%E0%A5%8B%E0%A4%B8%E0%A5%8D%E0%A4%9F%E0%A4%BF%E0%A4%82%E0%A4%97/" class="hg-foot-link">मोफत होस्टिंग आणि डोमेन नाव</a></li> <li><a href="/ai" class="hg-foot-link">RagonsAI</a></li> </ul> </div> <div class="col-6 col-lg-3"> <p class="hg-foot-h h6 mb-0">Hostragons®</p> <ul class="list gap-2"> <li><a href="/mr/blog/" class="hg-foot-link">ब्लॉग</a></li> <li><a href="/mr/%E0%A4%86%E0%A4%AE%E0%A4%9A%E0%A5%8D%E0%A4%AF%E0%A4%BE%E0%A4%B5%E0%A4%BF%E0%A4%B7%E0%A4%AF%E0%A5%80/" class="hg-foot-link">आमच्याबद्दल</a></li> <li><a href="/mr/%E0%A4%B8%E0%A4%82%E0%A4%AA%E0%A4%B0%E0%A5%8D%E0%A4%95/" class="hg-foot-link">संवाद</a></li> <li><a href="/mr/%E0%A4%B8%E0%A5%87%E0%A4%B5%E0%A4%BE-%E0%A4%95%E0%A4%B0%E0%A4%BE%E0%A4%B0/" class="hg-foot-link">सेवा करार</a></li> <li><a href="/mr/%E0%A4%AA%E0%A4%B0%E0%A4%A4%E0%A4%AB%E0%A5%87%E0%A4%A1%E0%A5%80-%E0%A4%A7%E0%A5%8B%E0%A4%B0%E0%A4%A3/" class="hg-foot-link">परतावा धोरण</a></li> <li><a href="/mr/%E0%A4%97%E0%A5%8B%E0%A4%AA%E0%A4%A8%E0%A5%80%E0%A4%AF%E0%A4%A4%E0%A4%BE-%E0%A4%A8%E0%A5%80%E0%A4%A4%E0%A5%80/" class="hg-foot-link">गोपनीयता धोरण</a></li> <li><a href="/mr/%E0%A4%95%E0%A5%81%E0%A4%95%E0%A5%80-%E0%A4%A7%E0%A5%8B%E0%A4%B0%E0%A4%A3/" class="hg-foot-link">कुकी धोरण</a></li> </ul> </div> </div> </div> </div> <div class="py-3 border-dark-subtle border-top"> <div class="container"> <div class="row g-3 g-lg-0 align-items-center"> <div class="col-lg-8"> <p class="mb-0 fs-14 hg-foot-copy">© २०२० होस्टरागॉन्स® — युके-स्थित होस्टिंग प्रदाता, नोंदणी क्रमांक १४३२०९५६. सर्व हक्क राखीव.</p> </div> <div class="col-lg-4"> <ul class="list list-row align-items-center justify-content-lg-end gap-4 flex-wrap mb-0"> <li><a href="https://www.facebook.com/hostragonsglobal" target="_blank" rel="noopener noreferrer" aria-label="फेसबुक" class="link d-inline-block text-body hover:text-primary"><iconify-icon icon="ic:baseline-facebook" class="fs-24"></iconify-icon></a></li> <li><a href="https://x.com/hostragons" target="_blank" rel="noopener noreferrer" aria-label="एक्स (ट्विटर)" class="link d-inline-block text-body hover:text-primary"><iconify-icon icon="ri:twitter-x-fill" class="fs-24"></iconify-icon></a></li> <li><a href="https://www.instagram.com/hostragons/" target="_blank" rel="noopener noreferrer" aria-label="इंस्टाग्राम" class="link d-inline-block text-body hover:text-primary"><iconify-icon icon="mdi:instagram" class="fs-24"></iconify-icon></a></li> <li><a href="https://www.youtube.com/@hostragons" target="_blank" rel="noopener noreferrer" aria-label="यूट्यूब" class="link d-inline-block text-body hover:text-primary"><iconify-icon icon="mdi:youtube" class="fs-24"></iconify-icon></a></li> <li><a href="https://www.flickr.com/photos/202229767@N08/" target="_blank" rel="noopener noreferrer" aria-label="फ्लिकर" class="link d-inline-block text-body hover:text-primary"><iconify-icon icon="mdi:flickr" class="fs-24"></iconify-icon></a></li> <li><a href="https://hostragons.medium.com/" target="_blank" rel="noopener noreferrer" aria-label="मध्यम" class="link d-inline-block text-body hover:text-primary"><iconify-icon icon="mdi:medium" class="fs-24"></iconify-icon></a></li> <li><a href="https://uk.pinterest.com/hostragonsglobal/" target="_blank" rel="noopener noreferrer" aria-label="पिंटरेस्ट" class="link d-inline-block text-body hover:text-primary"><iconify-icon icon="mdi:pinterest" class="fs-24"></iconify-icon></a></li> </ul> </div> </div> </div> </div> <img src="/theme/assets/img/shapes/footer-shape-1.png" alt="" width="1016" height="667" loading="lazy" decoding="async" class="img-fluid position-absolute start-0 bottom-0 z-n1 pointer-none d-none d-md-block footer-shape-1"> <img src="/theme/assets/img/shapes/footer-shape-2.png" alt="" width="934" height="1016" loading="lazy" decoding="async" class="img-fluid position-absolute end-0 top-50 translate-middle-y z-n1 pointer-none d-none d-md-block footer-shape-2"> </footer> <!-- Footer End --> <!-- Scripts (defer: parse'ı bloklamaz, sıra korunur → daha hızlı ilk render & geçiş) --> <script defer src="/theme/assets/js/bootstrap.bundle.js"></script> <script defer src="/theme/assets/js/iconify.js"></script> <script defer src="/theme/assets/js/simplebar.js"></script> <script defer src="/theme/assets/js/swiper.js"></script> <script defer src="/theme/assets/js/prism.js"></script> <script defer src="/theme/assets/js/app.js"></script> <script defer src="/theme/assets/js/currency.js?v=20260619c"></script> <script defer src="/theme/assets/js/hg-dom-i18n.js"></script> <script defer src="/theme/assets/js/hg-domain.js"></script> <script defer src="/theme/assets/js/hg-header.js"></script> <script>(function(){var btn=document.getElementById("hgThemeToggle");if(!btn)return;btn.addEventListener("click",function(){var cur=document.documentElement.getAttribute("data-bs-theme")==="dark"?"dark":"light";var next=cur==="dark"?"light":"dark";document.documentElement.setAttribute("data-bs-theme",next);try{localStorage.setItem("theme",next)}catch(e){}})})();
</script>  <div id="hgAichatPanel" class="hg-aichat-panel" role="dialog" aria-modal="false" aria-labelledby="hgAichatTitle" aria-hidden="true" hidden> <div class="hg-aichat-panel__head"> <span class="hg-aichat-panel__avatar" aria-hidden="true"> <iconify-icon icon="tabler:sparkles" class="hg-aichat-panel__avatar-ico"></iconify-icon> <span class="hg-aichat-panel__dot"></span> </span> <span class="hg-aichat-panel__head-txt"> <span class="hg-aichat-panel__title" id="hgAichatTitle">Hostragons सहाय्यक</span> <span class="hg-aichat-panel__status"><span class="hg-aichat-panel__status-dot" aria-hidden="true"></span>ऑनलाइन</span> </span> <button type="button" class="hg-aichat-panel__close" id="hgAichatClose" aria-label="बंद करा" title="बंद करा"><iconify-icon icon="solar:close-circle-linear"></iconify-icon></button> </div> <div class="hg-aichat-panel__body" id="hgAichatBody" aria-live="polite"> <div class="hg-aichat-msg hg-aichat-msg--bot"> <span class="hg-aichat-ava" aria-hidden="true"><iconify-icon icon="tabler:sparkles"></iconify-icon></span> <span class="hg-aichat-bubble">नमस्कार! मी Hostragons सहाय्यक आहे. होस्टिंग, सर्व्हर आणि डोमेन नावांबद्दलच्या प्रश्नांमध्ये मी तुम्हाला मदत करू शकतो. तुम्हाला काय जाणून घ्यायचे आहे?</span> </div>  <div class="hg-aichat-chips" id="hgAichatChips"> <button type="button" class="hg-aichat-chip">माझ्यासाठी कोणते होस्टिंग योग्य आहे?</button> <button type="button" class="hg-aichat-chip">Node.js समर्थित आहे का?</button> <button type="button" class="hg-aichat-chip">किंमती काय आहेत?</button> <button type="button" class="hg-aichat-chip">WordPress साठी तुम्ही काय शिफारस करता?</button> </div> </div> <form class="hg-aichat-panel__form" id="hgAichatForm" autocomplete="off"> <div class="hg-aichat-inputwrap"> <input type="text" class="hg-aichat-input" id="hgAichatInput" name="message" placeholder="तुमचा संदेश लिहा..." aria-label="तुमचा संदेश लिहा..." maxlength="1000"> <button type="submit" class="hg-aichat-send" id="hgAichatSend" aria-label="पाठवा" title="पाठवा"><iconify-icon icon="solar:plain-2-bold"></iconify-icon><span class="hg-aichat-send__label">पाठवा</span></button> </div> <span class="hg-aichat-foot">Hostragons AI सहाय्यकाद्वारे समर्थित.</span> </form>  <span id="hgAichatErr" aria-label="क्षमस्व, मी आत्ता उत्तर देऊ शकलो नाही. कृपया पुन्हा प्रयत्न करा." style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)"></span> </div>  <script>(function(){var trigger=document.getElementById("hgAichatTrigger");var panel=document.getElementById("hgAichatPanel");if(!trigger||!panel)return;var inited=false,sending=false;var history=[];var STORE_KEY="hg_aichat_state";var transcript=[];var panelOpen=false,chipsHidden=false,restoring=false;function saveState(){if(restoring)return;try{sessionStorage.setItem(STORE_KEY,JSON.stringify({v:1,transcript:transcript.slice(-60),history:history.slice(-12),open:panelOpen,chipsHidden}))}catch(e){}}function loadState(){try{var raw=sessionStorage.getItem(STORE_KEY);if(!raw)return null;var st=JSON.parse(raw);if(!st||st.v!==1||!Array.isArray(st.transcript))return null;return st}catch(e){return null}}function errText(){var e=document.getElementById("hgAichatErr");return e&&e.getAttribute("aria-label")||"\xDCzg\xFCn\xFCm, \u015Fu an yan\u0131t veremedim. L\xFCtfen tekrar deneyin."}function bodyEl(){return document.getElementById("hgAichatBody")}function scrollDown(){var b=bodyEl();if(b)b.scrollTop=b.scrollHeight}function esc(s){return String(s).replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""")}function renderMd(text){var h=esc(text);h=h.replace(/\*\*([^*]+)\*\*/g,"<strong>$1</strong>");h=h.replace(/\[([^\]]+)\]\((https?:\/\/[^\s)]+|\/[^\s)]*)\)/g,function(m,label,url){return'<a href="'+url+'" rel="noopener" target="_blank">'+label+"</a>"});h=h.replace(/(^|[\s(])(https?:\/\/[^\s<)]+)/g,function(m,pre,url){return pre+'<a href="'+url+'" rel="noopener" target="_blank">'+url+"</a>"});return h}function addMsg(role,text,noRecord){var b=bodyEl();if(!b)return null;var wrap=document.createElement("div");wrap.className="hg-aichat-msg hg-aichat-msg--"+(role==="user"?"user":"bot");if(role!=="user"){var ava=document.createElement("span");ava.className="hg-aichat-ava";ava.setAttribute("aria-hidden","true");ava.innerHTML='<iconify-icon icon="tabler:sparkles"></iconify-icon>';wrap.appendChild(ava)}var bubble=document.createElement("span");bubble.className="hg-aichat-bubble";if(role==="user")bubble.textContent=text;else bubble.innerHTML=renderMd(text);wrap.appendChild(bubble);b.appendChild(wrap);scrollDown();if(!noRecord){transcript.push({t:"msg",role:role==="user"?"user":"bot",text:String(text)});saveState()}return wrap}function addLinks(links,noRecord){if(!Array.isArray(links)||!links.length)return;var b=bodyEl();if(!b)return;var wrap=document.createElement("div");wrap.className="hg-aichat-msg hg-aichat-msg--bot";var box=document.createElement("div");box.className="hg-aichat-links";var saved=[];links.slice(0,5).forEach(function(l){var href=l&&(l.href||l.url);if(!href)return;var a=document.createElement("a");a.className="hg-aichat-link";a.href=String(href);a.rel="noopener";a.textContent=String(l.label||l.title||href);box.appendChild(a);saved.push({href:String(href),label:String(l.label||l.title||href)})});if(!box.childNodes.length)return;wrap.appendChild(box);b.appendChild(wrap);scrollDown();if(!noRecord&&saved.length){transcript.push({t:"links",links:saved});saveState()}}function hideChips(){var c=document.getElementById("hgAichatChips");if(c)c.classList.add("is-hidden");chipsHidden=true}function showTyping(){var b=bodyEl();if(!b)return null;var wrap=document.createElement("div");wrap.className="hg-aichat-msg hg-aichat-msg--bot";wrap.innerHTML='<span class="hg-aichat-ava" aria-hidden="true"><iconify-icon icon="tabler:sparkles"></iconify-icon></span><span class="hg-aichat-bubble hg-aichat-typing"><span></span><span></span><span></span></span>';b.appendChild(wrap);scrollDown();return wrap}function setSending(state){sending=state;var send2=document.getElementById("hgAichatSend");if(send2)send2.disabled=state}function openPanel(noFocus){if(!inited)init();panel.hidden=false;panel.setAttribute("aria-hidden","false");trigger.setAttribute("aria-expanded","true");requestAnimationFrame(function(){panel.classList.add("is-open")});if(!noFocus){var inp=document.getElementById("hgAichatInput");if(inp)setTimeout(function(){inp.focus()},60)}panelOpen=true;saveState()}function closePanel(){panel.classList.remove("is-open");panel.setAttribute("aria-hidden","true");trigger.setAttribute("aria-expanded","false");setTimeout(function(){if(!panel.classList.contains("is-open"))panel.hidden=true},240);panelOpen=false;saveState()}function send(text){if(sending)return;text=(text||"").trim();if(!text)return;hideChips();addMsg("user",text);history.push({role:"user",content:text});var inp=document.getElementById("hgAichatInput");if(inp)inp.value="";setSending(true);var typing=showTyping();var lang=(document.documentElement.getAttribute("lang")||"tr").toLowerCase();var ctrl=typeof AbortController!=="undefined"?new AbortController:null;var timer=setTimeout(function(){if(ctrl)ctrl.abort()},3e4);fetch("/araclar/api/ai-chat.php",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({message:text,lang,history:history.slice(-12)}),signal:ctrl?ctrl.signal:void 0}).then(function(r){if(!r.ok)throw new Error("HTTP "+r.status);return r.json()}).then(function(data){clearTimeout(timer);if(typing&&typing.parentNode)typing.parentNode.removeChild(typing);var reply=data&&(data.reply||data.answer||data.message)||"";if(reply){addMsg("bot",reply);history.push({role:"assistant",content:reply})}else{addMsg("bot",errText())}addLinks(data&&(data.suggestedLinks||data.links))}).catch(function(){clearTimeout(timer);if(typing&&typing.parentNode)typing.parentNode.removeChild(typing);addMsg("bot",errText())}).then(function(){setSending(false);if(inp)inp.focus()})}function init(){if(inited)return;inited=true;var form=document.getElementById("hgAichatForm");var closeBtn=document.getElementById("hgAichatClose");if(form)form.addEventListener("submit",function(e){e.preventDefault();var inp=document.getElementById("hgAichatInput");send(inp?inp.value:"")});if(closeBtn)closeBtn.addEventListener("click",closePanel);var chips=document.getElementById("hgAichatChips");if(chips)chips.addEventListener("click",function(e){var btn=e.target.closest?e.target.closest(".hg-aichat-chip"):null;if(btn)send(btn.textContent||"")});document.addEventListener("keydown",function(e){if(e.key==="Escape"&&panel.classList.contains("is-open"))closePanel()})}trigger.addEventListener("click",function(){if(panel.classList.contains("is-open"))closePanel();else openPanel()});function restoreState(){var st=loadState();if(!st||!st.transcript.length)return;restoring=true;try{init();if(Array.isArray(st.history))history=st.history.slice(-12);var b=bodyEl();if(b){while(b.firstChild)b.removeChild(b.firstChild)}hideChips();st.transcript.forEach(function(it){if(!it)return;if(it.t==="msg")addMsg(it.role==="user"?"user":"bot",String(it.text||""),true);else if(it.t==="links")addLinks(it.links,true)});transcript=st.transcript.slice();chipsHidden=true;scrollDown();if(st.open){panelOpen=true;openPanel(true)}}catch(e){}restoring=false;saveState()}if(document.readyState==="loading")document.addEventListener("DOMContentLoaded",restoreState);else restoreState()})();
</script>   </body> </html>