डेवलपर्स और प्रोग्रामर ने लंबे समय से टेक्स्ट एडिटर का उपयोग कंप्यूटर कोड दर्ज करने के प्राथमिक तरीके के रूप में किया है। कुछ विकास वातावरण के अपने स्वयं के निर्मित संपादक होते हैं, लेकिन डेवलपर्स आमतौर पर एक संपादक के शौकीन होते हैं और उस कार्यक्रम से चिपके रहते हैं। इसका एक कारण यह है कि एक अच्छे कोडिंग एडिटर में सिंटैक्स हाइलाइटिंग, एक फीचर शामिल होता है जो सोर्स कोड को फॉर्मेट करता है और कीवर्ड्स में फोंट और कलर्स को असाइन करता है और कोड के भीतर कंस्ट्रक्शन करता है जिससे इसे पढ़ना ज्यादा आसान हो जाता है। नोटपैड ++ जैसे टेक्स्ट एडिटर, जो इस टेक जंकी गाइड में शामिल हैं, इस कारण डेवलपर्स द्वारा पसंद किए जाते हैं। अधिकांश डेवलपर्स Google डॉक्स को अपने महान कार्यसमूह सुविधाओं और क्लाउड एकीकरण के बावजूद एक संभावित कोडिंग संपादक के रूप में नहीं देखते हैं, क्योंकि इसमें अंतर्निहित सिंटैक्स-हाइलाइटिंग विकल्प शामिल नहीं हैं।
हालाँकि, आप Google Doc दस्तावेज़ों में कोड करने के लिए सिंटैक्स हाइलाइटिंग जोड़ सकते हैं। वास्तव में, डॉक्स के लिए कम से कम कुछ ऐड-ऑन हैं जो आपको सिंटिकेट हाइलाइटिंग के साथ विभिन्न प्रोग्रामिंग और मार्कअप भाषाओं को प्रारूपित करने में सक्षम बनाते हैं। कई वेब ऐप्स भी हैं जिनका उपयोग आप Google डॉक्स में हाइलाइटिंग के साथ सोर्स कोड डालने के लिए कर सकते हैं। मैं आपको दिखाऊंगा कि अपने डॉक्स दस्तावेजों में हाइलाइटिंग सोर्स कोड सिंटैक्स कैसे जोड़ें।
कोड सुंदर के साथ प्रारूप स्रोत कोड
कोड सुंदर Google डॉक्स के लिए एक ऐड-ऑन है जो स्वचालित रूप से चयनित कोड में हाइलाइटिंग जोड़ता है। कोड सुंदर में सिंटैक्स फ़ॉर्मेटिंग को अनुकूलित करने के लिए भारी मात्रा में सेटिंग्स शामिल नहीं हैं, लेकिन यह अभी भी डॉक्स के लिए एक आसान सिंटैक्स हाइलाइटिंग विकल्प जोड़ता है। आप इस वेबपृष्ठ पर Fr ee बटन पर क्लिक करके CP डॉक्स को जोड़ सकते हैं। फिर ऐड-ऑन के लिए अनुमतियों की पुष्टि करने के लिए अनुमति दें बटन दबाएं।
इसके बाद, अपने ब्राउज़र में डॉक्स खोलें; और इसके मेनू को खोलने के लिए ऐड-ऑन टैब पर क्लिक करें। उस मेनू में अब कोड सुंदर ऐड-ऑन शामिल होगा। यह कैसे ऐड-ऑन हाइलाइट सिंटैक्स का उदाहरण देता है, इसका उदाहरण देने के लिए, Ctrl + C द्वारा डॉक्स दस्तावेज़ में नीचे दिए गए नमूना जावास्क्रिप्ट कोड को चुनें और कॉपी करें।
जावास्क्रिप्ट क्या कर सकते हैं?
जावास्क्रिप्ट HTML विशेषताओं को बदल सकती है।
इस स्थिति में जावास्क्रिप्ट एक छवि के src (स्रोत) विशेषता को बदल देती है।
Ctrl + V दबाकर जावास्क्रिप्ट नमूना डॉक्स में पेस्ट करें। फिर कर्सर के साथ वर्ड प्रोसेसर में कोड का चयन करें। ऐड-ऑन > कोड सुंदर पर क्लिक करें और सबमेनू से प्रारूप चयन विकल्प चुनें। जैसा कि नीचे दिए गए स्नैपशॉट में दिखाया गया है, जावास्क्रिप्ट का प्रारूप तैयार करेगा।
जैसा कि कहा गया है, CP सिंटैक्स हाइलाइटिंग के लिए कई सेटिंग्स शामिल नहीं करता है। हालाँकि, आप ऐड-ऑन > कोड सुंदर और सेटिंग्स पर क्लिक करके हाइलाइट किए गए कोड के फ़ॉन्ट आकार को समायोजित कर सकते हैं। यह सीधे नीचे दिखाए गए साइडबार को खोलेगा। फिर आप वहां से हाइलाइट किए गए कोड के लिए एक वैकल्पिक डिफ़ॉल्ट फ़ॉन्ट आकार का चयन कर सकते हैं।
कोड ब्लॉक के साथ फॉर्मेट सोर्स कोड
कोड ब्लॉक सीपी के लिए एक वैकल्पिक ऐड-ऑन है जिसे आप डॉक्स में जोड़ सकते हैं। यह वास्तव में वाक्यविन्यास को उजागर करने के लिए थोड़ा बेहतर ऐड-ऑन है क्योंकि इसमें कई हाइलाइटिंग थीम शामिल हैं। डॉक्स में कोड ब्लॉक जोड़ने के लिए इस वेबसाइट पेज पर फ्री बटन दबाएं।
जब आपने कोड ब्लॉक स्थापित कर लिए हों, तो डॉक्स खोलें और ऊपर दिए गए जावास्क्रिप्ट कोड को पहले की तरह वर्ड प्रोसेसर में कॉपी और पेस्ट करें। ऐड-ऑन > कोड ब्लॉक पर क्लिक करें और सीधे नीचे शॉट में दिखाए गए साइडबार को खोलने के लिए स्टार्ट चुनें।
अपने कर्सर के साथ सिर्फ जावास्क्रिप्ट पाठ का चयन करें। सुनिश्चित करें कि आप कोड के ऊपर या नीचे किसी भी खाली दस्तावेज़ स्थान का चयन नहीं करते हैं। पहले ड्रॉप-डाउन मेनू से जावास्क्रिप्ट का चयन करें। फिर आप थीम ड्रॉप-डाउन मेनू से एक थीम भी चुन सकते हैं। नीचे दिखाए गए अनुसार सिंटैक्स हाइलाइटिंग कोड में जोड़ने के लिए प्रारूप बटन दबाएं। अब जावास्क्रिप्ट पाठ अपने मार्कअप टैग के साथ बहुत स्पष्ट है।
Google डॉक्स में कॉपी और पेस्ट हाइलाइटेड सोर्स कोड
कोड ब्लॉक और कोड सुंदर डॉक्स के अलावा, आप स्रोत कोड को प्रारूपित करने के लिए सिंटैक्स हाइलाइटर वेब एप्लिकेशन का भी उपयोग कर सकते हैं। फिर आप हाइलाइट किए गए स्रोत कोड को अपने डॉक्स दस्तावेज़ में एक वेब ऐप से वापस कॉपी और पेस्ट कर सकते हैं। टेक्स्टमेट एक वाक्यविन्यास हाइलाइटर वेब ऐप है जो कई प्रोग्रामिंग और मार्कअप भाषाओं को प्रारूपित करता है।
टेक्सटमेट खोलने के लिए इस हाइपरलिंक पर क्लिक करें। फिर इस पोस्ट में शामिल जावास्क्रिप्ट टेक्स्ट को Ctrl + C और Ctrl + V हॉटकी के साथ टेक्स्टमेट के सोर्स कोड बॉक्स में कॉपी और पेस्ट करें। भाषा ड्रॉप-डाउन मेनू से जावास्क्रिप्ट का चयन करें। थीम ड्रॉप-डाउन मेनू से एक सिंटैक्स हाइलाइट थीम का चयन करें। स्रोत कोड के स्वरूपण के लिए पूर्वावलोकन प्राप्त करने के लिए हाइलाइट बटन दबाएं जैसा कि नीचे स्नैपशॉट में दिखाया गया है।
इसके बाद, कर्सर के साथ पूर्वावलोकन में हाइलाइट किए गए जावास्क्रिप्ट का चयन करें और Ctrl + C दबाएं। Google डॉक्स में हाइलाइट किए गए कोड को Ctrl + V दबाएं। यह हाइलाइट किए गए जावास्क्रिप्ट स्रोत कोड को डॉक्स दस्तावेज़ में जोड़ देगा जैसा कि नीचे दिखाया गया है।
तो, आपको सॉफ़्टवेयर और वेबसाइट कोड पर प्रकाश डाला गया सिंटैक्स जोड़ने के लिए एक डेस्कटॉप पाठ संपादक की आवश्यकता नहीं है। इसके बजाय, आप डॉक्स दस्तावेज़ों में कोड सुंदर और कोड ब्लॉक एक्सटेंशन के साथ वाक्यविन्यास कोड को हाइलाइट कर सकते हैं। वैकल्पिक रूप से, Google डॉक्स में हाइलाइटिंग के साथ स्रोत कोड सम्मिलित करने के लिए टेक्स्टमेट वेब ऐप से अपने कोड को कॉपी और पेस्ट करें।
Google डॉक्स में सिंटैक्स फ़ॉर्मेटिंग जोड़ने का कोई अन्य तरीका है? उन्हें हमारे साथ साझा करें!
