Google डॉक्स में सोर्स कोड में सिंटैक्स हाइलाइटिंग कैसे जोड़ें

कंप्यूटर कोड दर्ज करने के प्राथमिक तरीके के रूप में डेवलपर्स और प्रोग्रामर ने लंबे समय से टेक्स्ट एडिटर्स का उपयोग किया है। कुछ विकास परिवेशों में अपने स्वयं के अंतर्निहित संपादक होते हैं, लेकिन डेवलपर्स आमतौर पर एक संपादक के शौकीन होते हैं और उस कार्यक्रम से चिपके रहते हैं। इसका एक कारण यह है कि एक अच्छे कोडिंग संपादक में सिंटैक्स हाइलाइटिंग शामिल होती है, एक ऐसी सुविधा जो स्रोत कोड को प्रारूपित करती है और कीवर्ड को फ़ॉन्ट और रंग निर्दिष्ट करती है और कोड के भीतर निर्माण करती है जिससे इसे पढ़ना आसान हो जाता है। नोटपैड ++ जैसे टेक्स्ट एडिटर, जो इसमें शामिल हैं टेक दीवाने गाइड , इस कारण से डेवलपर्स द्वारा पसंद किया जाता है। अधिकांश डेवलपर Google डॉक्स को एक संभावित कोडिंग संपादक के रूप में नहीं देखते हैं, इसके महान कार्यसमूह सुविधाओं और क्लाउड एकीकरण के बावजूद, क्योंकि इसमें अंतर्निहित सिंटैक्स-हाइलाइटिंग विकल्प शामिल नहीं हैं।

हालांकि, आप Google Doc दस्तावेज़ों में कोड में सिंटैक्स हाइलाइटिंग जोड़ सकते हैं। वास्तव में, डॉक्स के लिए कम से कम कुछ ऐड-ऑन हैं जो आपको सिंटैक्स हाइलाइटिंग के साथ विभिन्न प्रोग्रामिंग और मार्कअप भाषाओं को प्रारूपित करने में सक्षम बनाते हैं। ऐसे कई वेब ऐप भी हैं जिनका उपयोग आप Google डॉक्स में हाइलाइटिंग के साथ सोर्स कोड डालने के लिए कर सकते हैं। इस लेख में मैं आपको दिखाऊंगा कि अपने डॉक्स दस्तावेज़ों में हाइलाइटिंग सोर्स कोड सिंटैक्स कैसे जोड़ें।

कोड सुंदर के साथ स्रोत कोड को प्रारूपित करें

कोड प्रिटी Google डॉक्स के लिए एक ऐड-ऑन है जो स्वचालित रूप से चयनित कोड में हाइलाइटिंग जोड़ता है। कोड प्रिटी में सिंटैक्स स्वरूपण को अनुकूलित करने के लिए बड़ी मात्रा में सेटिंग्स शामिल नहीं हैं, लेकिन यह अभी भी डॉक्स में एक आसान सिंटैक्स हाइलाइटिंग विकल्प जोड़ता है। आप डॉक्स पर क्लिक करके सीपी जोड़ सकते हैंफादर ईईबटन चालू यह वेबपेज . फिर दबाएंअनुमतिऐड-ऑन के लिए अनुमतियों की पुष्टि करने के लिए बटन।

इसके बाद, अपने ब्राउज़र में डॉक्स खोलें; और इसके मेनू को खोलने के लिए ऐड-ऑन टैब पर क्लिक करें। उस मेनू में अब कोड प्रिटी ऐड-ऑन शामिल होगा। आपको यह उदाहरण देने के लिए कि यह ऐड-ऑन सिंटैक्स को कैसे हाइलाइट करता है, नीचे दिए गए नमूना जावास्क्रिप्ट कोड को Ctrl + C दबाकर एक डॉक्स दस्तावेज़ में कॉपी करें।

जावास्क्रिप्ट क्या कर सकता है?

जावास्क्रिप्ट HTML विशेषताओं को बदल सकता है।

इस मामले में जावास्क्रिप्ट एक छवि के स्रोत (स्रोत) विशेषता को बदल देता है।

लाइट को चालू करें

बत्ती बंद करें

Ctrl + V दबाकर उस JavaScript नमूने को डॉक्स में पेस्ट करें। फिर कर्सर के साथ वर्ड प्रोसेसर में कोड चुनें। क्लिकऐड-ऑन>कोड सुंदरऔर चुनेंप्रारूप चयनसबमेनू से विकल्प। यह जावास्क्रिप्ट को प्रारूपित करेगा जैसा कि नीचे स्नैपशॉट में दिखाया गया है।

बबल चैट रोबॉक्स को कैसे सक्षम करें

जैसा कि कहा गया है, सीपी में सिंटैक्स हाइलाइटिंग के लिए कई सेटिंग्स शामिल नहीं हैं। हालाँकि, आप हाइलाइट किए गए कोड के फ़ॉन्ट आकार को क्लिक करके समायोजित कर सकते हैंऐड-ऑन>कोड सुंदरतथासमायोजन. इससे नीचे दिखाया गया साइडबार खुल जाएगा। फिर आप वहां से हाइलाइट किए गए कोड के लिए वैकल्पिक डिफ़ॉल्ट फ़ॉन्ट आकार का चयन कर सकते हैं।

कोड ब्लॉक के साथ स्रोत कोड प्रारूपित करें

कोड ब्लॉक CP का एक वैकल्पिक ऐड-ऑन है जिसे आप डॉक्स में जोड़ सकते हैं। सिंटैक्स को हाइलाइट करने के लिए यह वास्तव में थोड़ा बेहतर ऐड-ऑन है क्योंकि इसमें कई हाइलाइटिंग थीम शामिल हैं। दबाओनि: शुल्कबटन चालू यह वेबसाइट पेज डॉक्स में कोड ब्लॉक जोड़ने के लिए।

जब आप कोड ब्लॉक स्थापित कर लें, तो डॉक्स खोलें और ऊपर दिए गए समान जावास्क्रिप्ट कोड को पहले की तरह वर्ड प्रोसेसर में कॉपी और पेस्ट करें। क्लिकऐड-ऑन>कोड ब्लॉकऔर चुनेंशुरूसीधे नीचे शॉट में दिखाए गए साइडबार को खोलने के लिए।

अपने कर्सर के साथ सिर्फ जावास्क्रिप्ट टेक्स्ट चुनें। सुनिश्चित करें कि आप कोड के ऊपर या नीचे किसी भी खाली दस्तावेज़ स्थान का चयन नहीं करते हैं। चुनते हैंजावास्क्रिप्टपहले ड्रॉप-डाउन मेनू से। फिर आप इसमें से एक थीम भी चुन सकते हैंविषयड्रॉप डाउन मेनू। दबाओप्रारूपनीचे दिखाए गए कोड में हाइलाइटिंग सिंटैक्स जोड़ने के लिए बटन। अब जावास्क्रिप्ट टेक्स्ट अपने मार्कअप टैग को हाइलाइट करने के साथ बहुत स्पष्ट है।

हाइलाइट किए गए स्रोत कोड को Google डॉक्स में कॉपी और पेस्ट करें

कोड ब्लॉक और कोड प्रिटी डॉक्स के अलावा, आप स्रोत कोड को प्रारूपित करने के लिए सिंटैक्स हाइलाइटर वेब ऐप का भी उपयोग कर सकते हैं। फिर आप वेब ऐप से हाइलाइट किए गए स्रोत कोड को वापस अपने दस्तावेज़ दस्तावेज़ में कॉपी और पेस्ट कर सकते हैं। टेक्स्टमेट एक सिंटैक्स हाइलाइटर वेब ऐप है जो कई प्रोग्रामिंग और मार्कअप भाषाओं को प्रारूपित करता है।

क्लिक यह हाइपरलिंक टेक्स्टमेट खोलने के लिए। फिर इस पोस्ट में शामिल जावास्क्रिप्ट टेक्स्ट को Ctrl + C और Ctrl + V हॉटकी के साथ टेक्स्टमेट के सोर्स कोड बॉक्स में कॉपी और पेस्ट करें। चुनते हैंजावास्क्रिप्टभाषा ड्रॉप-डाउन मेनू से। थीम ड्रॉप-डाउन मेनू से सिंटैक्स हाइलाइट थीम चुनें। दबाओहाइलाइटस्रोत कोड के स्वरूपण के लिए पूर्वावलोकन प्राप्त करने के लिए बटन जैसा कि सीधे नीचे स्नैपशॉट में दिखाया गया है।

इसके बाद, कर्सर के साथ पूर्वावलोकन में हाइलाइट किए गए जावास्क्रिप्ट का चयन करें और Ctrl + C दबाएं। हाइलाइट किए गए कोड को Ctrl + V दबाकर Google डॉक्स में पेस्ट करें। यह हाइलाइट किए गए जावास्क्रिप्ट स्रोत कोड को डॉक्स दस्तावेज़ में जोड़ देगा जैसा कि सीधे नीचे दिखाया गया है।

इसलिए, आपको सॉफ़्टवेयर और वेबसाइट कोड में सिंटैक्स हाइलाइटिंग जोड़ने के लिए डेस्कटॉप टेक्स्ट एडिटर की आवश्यकता नहीं है। इसके बजाय, आप डॉक्स दस्तावेज़ों में कोड प्रिटी और कोड ब्लॉक एक्सटेंशन के साथ सिंटैक्स कोड को हाइलाइट कर सकते हैं। वैकल्पिक रूप से, Google डॉक्स में हाइलाइटिंग के साथ स्रोत कोड डालने के लिए अपने कोड को टेक्स्टमेट वेब ऐप से कॉपी और पेस्ट करें।

Google डॉक्स में सिंटैक्स स्वरूपण जोड़ने का कोई अन्य तरीका है? उन्हें नीचे हमारे साथ साझा करें!