स्रोत कोड
अपने एलिमेंटर साइट पर कोड स्निपेट को सही तरीके से साझा करें [खूबसूरती से स्वरूपित और आगंतुकों के लिए आसान उपयोग करने के लिए यह स्रोत कोड तत्व आपको एचटीएमएल, सीएसएस, जावास्क्रिप्ट, पीएचपी, या ८०+ प्रोग्रामिंग भाषाओं में से किसी को भी साफ सिंटैक्स हाइलाइटिंग के साथ प्रदर्शित करने देता है बस अपनी भाषा चुनें, एक रंग थीम चुनें जो आपकी शैली में फिट बैठता है, और अपने कोड को पेस्ट करें यह एक आसान “Copy” बटन भी जोड़ता है ताकि उपयोगकर्ता तुरंत एक क्लिक के साथ आपके कोड को पकड़ सकें यह ट्यूटोरियल, दस्तावेज़ीकरण, डेवलपर पोर्टफोलियो, या किसी भी साइट के लिए एकदम सही उपकरण है जहां आपको कोड को साफ और पेशेवर रूप से प्रदर्शित करने की आवश्यकता है।
व्यापक भाषा एवं थीम समर्थन
८० से अधिक विभिन्न प्रोग्रामिंग और मार्कअप भाषाओं में कोड प्रदर्शित करें, प्रत्येक सटीक वाक्यविन्यास हाइलाइटिंग के साथ अपनी साइट के अंधेरे या हल्के सौंदर्य से मेल खाने के लिए ८+ दृश्य विषयों में से चुनें, जिससे आपका कोड पठनीय और नेत्रहीन अपील करता है।
- ट्यूटोरियल ब्लॉग के लिए बिल्कुल सही जो HTML, CSS, JS और PHP जैसी कई भाषाओं को कवर करते हैं।
- आधुनिक, डेवलपर-अनुकूल लुक के लिए डार्क थीम का उपयोग करें।
- सुनिश्चित करें कि कोड को एक नज़र में पढ़ना और समझना आसान है, जिससे सीखने के अनुभव में सुधार होता है।
एक-क्लिक प्रतिलिपि कार्यक्षमता
एक उपयोगकर्ता के अनुकूल बटन शामिल करें जो आगंतुकों को आपके कोड को तुरंत अपने क्लिपबोर्ड पर कॉपी करने देता है बटन के पाठ, स्थिति और पुष्टिकरण संदेश को अनुकूलित करें जो प्रतिलिपि बनाने के बाद दिखाई देता है, उन्हें मैन्युअल रूप से चयन करने और प्रतिलिपि बनाने की आवश्यकता को हटा देता है।
- उन डेवलपर्स के लिए उपयोगकर्ता अनुभव में काफी सुधार करता है जो आपके स्निपेट का पुन: उपयोग करना चाहते हैं।
- अपने मूल्यवान कोड को लेने और उपयोग करने में आसान बनाकर जुड़ाव बढ़ाएं।
- उपयोगकर्ताओं को स्पष्ट प्रतिक्रिया देने के लिए “Copied!” पुष्टिकरण दिखाएँ।
पूर्ण दृश्य अनुकूलन
अपने डिजाइन के साथ सहजता से मिश्रण करने के लिए कोड ब्लॉक के हर हिस्से को स्टाइल करें कंटेनर के पैडिंग, मार्जिन और सीमाओं को समायोजित करें, और स्वतंत्र रूप से कॉपी बटन के रंग, टाइपोग्राफी और कोने के गोल डिजाइन करें।
- कोड ब्लॉक की पृष्ठभूमि और सीमाओं को अपनी साइट की रंग योजना से मिलाएं।
- एक प्रमुख कॉपी बटन डिज़ाइन करें जो क्लिक को प्रोत्साहित करता है।
- पृष्ठ पर एक साफ, एकीकृत रूप के लिए कोड के चारों ओर रिक्ति को नियंत्रित करें।
स्रोत कोड के लिए अक्सर पूछे जाने वाले प्रश्न
मैं सिंटैक्स हाइलाइटिंग के लिए प्रोग्रामिंग भाषा कैसे बदलूं?
सामग्री सेटिंग्स में, अपने स्निपेट (जैसे, एचटीएमएल, सीएसएस, पीएचपी) के लिए सही भाषा का चयन करने के लिए “कोडे” ड्रॉपडाउन मेनू का उपयोग करें यह सुनिश्चित करता है कि कीवर्ड और सिंटैक्स सटीक रूप से रंगीन हैं।
क्या मैं कोड के आगे लाइन नंबर छिपा सकता हूं?
हाँ। आप “Anable लाइन नंबर” विकल्प को “No।” पर सेट करके लाइन नंबरों को अक्षम कर सकते हैं। यदि आपके उदाहरण के लिए लाइन नंबर आवश्यक नहीं हैं तो यह आपको कोड का एक क्लीनर ब्लॉक देता है।
मैं कॉपी बटन कहां रख सकता हूं?
आप बटन की स्थिति चुन सकते हैं, जैसे कोड ब्लॉक के “टॉप राइट कॉर्नर” आप इसकी दृश्यता को भी नियंत्रित कर सकते हैं, इसे हमेशा दिखाने के लिए सेट कर सकते हैं या शायद केवल होवर पर दिखाई दे सकते हैं।
क्या प्रदर्शित कोड वेबसाइट आगंतुकों द्वारा संपादन योग्य है?
नहीं कोड को देखने और कॉपी करने के लिए एक स्थिर, स्टाइल ब्लॉक के रूप में प्रस्तुत किया गया है आगंतुक सीधे आपके पृष्ठ पर स्रोत कोड को संपादित नहीं कर सकते हैं यह केवल प्रदर्शन उद्देश्यों के लिए है।
क्या मैं पूर्व-निर्धारित थीम के बजाय अपनी स्वयं की रंग योजना का उपयोग कर सकता हूँ?
तत्व कई पूर्व-डिज़ाइन किए गए थीम प्रदान करता है (जैसे “Tomorrog”) पूरी तरह से कस्टम रंगों का उपयोग करने के लिए, आपको संभवतः कस्टम सीएसएस जोड़ने की आवश्यकता होगी, क्योंकि स्टाइलिंग विकल्प मुख्य रूप से कंटेनर और बटन को नियंत्रित करते हैं, न कि आंतरिक सिंटैक्स रंगों को।
क्या कॉपी बटन मोबाइल उपकरणों पर काम करता है?
हां, कॉपी कार्यक्षमता सभी उपकरणों पर काम करने के लिए डिज़ाइन की गई है बटन स्पर्श के अनुकूल है, और फोन या टैबलेट पर टैप किए जाने पर कॉपी कमांड निष्पादित होगा।
ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन
कम समय में परिष्कृत वेबसाइट बनाएं।
ग्लासमोर्फिज्म
कंटेनर अतिरिक्त
पैटर्न
पोस्ट/पेज डुप्लीकेटर
