Google டாக்ஸில் மூலக் குறியீட்டில் தொடரியல் சிறப்பம்சத்தை எவ்வாறு சேர்ப்பது

டெவலப்பர்கள் மற்றும் புரோகிராமர்கள் நீண்ட காலமாக டெக்ஸ்ட் எடிட்டர்களை கணினி குறியீட்டை உள்ளிடுவதற்கான முதன்மை வழியாகப் பயன்படுத்துகின்றனர். சில டெவலப்மென்ட் சூழல்கள் அவற்றின் சொந்த உள்ளமைக்கப்பட்ட எடிட்டர்களைக் கொண்டுள்ளன, ஆனால் டெவலப்பர்கள் பொதுவாக ஒரு எடிட்டரை விரும்பி அந்த நிரலில் ஒட்டிக்கொள்கிறார்கள். இதற்கு ஒரு காரணம் என்னவென்றால், ஒரு நல்ல குறியீட்டு எடிட்டரில் தொடரியல் சிறப்பம்சங்கள் அடங்கும், இது மூலக் குறியீட்டை வடிவமைக்கிறது மற்றும் எழுத்துருக்கள் மற்றும் வண்ணங்களை முக்கிய வார்த்தைகளுக்கு ஒதுக்குகிறது மற்றும் குறியீட்டிற்குள் மிகவும் எளிதாக படிக்கும் வகையில் கட்டமைக்கிறது. இந்த டெக் ஜங்கி வழிகாட்டியில் உள்ளடக்கப்பட்டுள்ள Notepad ++ போன்ற உரை எடிட்டர்கள் டெவலப்பர்களால் இந்த காரணத்திற்காக விரும்பப்படுகின்றன. சிறந்த பணிக்குழு அம்சங்கள் மற்றும் கிளவுட் ஒருங்கிணைப்பு இருந்தபோதிலும், பெரும்பாலான டெவலப்பர்கள் கூகிள் டாக்ஸை ஒரு சாத்தியமான குறியீட்டு எடிட்டராக பார்க்கவில்லை, ஏனெனில் இது உள்ளமைக்கப்பட்ட தொடரியல்-ஹைலைட்டிங் விருப்பங்களை உள்ளடக்கவில்லை.

Google டாக்ஸில் மூலக் குறியீட்டில் தொடரியல் சிறப்பம்சத்தை எவ்வாறு சேர்ப்பது

இருப்பினும், கூகுள் டாக் ஆவணங்களில் குறியீட்டில் தொடரியல் சிறப்பம்சத்தை நீங்கள் சேர்க்கலாம். உண்மையில், டாக்ஸிற்கான இரண்டு துணை நிரல்களாவது உள்ளன, அவை பல்வேறு நிரலாக்க மற்றும் மார்க்அப் மொழிகளை தொடரியல் சிறப்பம்சத்துடன் வடிவமைக்க உங்களுக்கு உதவுகின்றன. கூகுள் டாக்ஸில் தனிப்படுத்துவதன் மூலம் மூலக் குறியீட்டைச் செருகுவதற்கு நீங்கள் பயன்படுத்தக்கூடிய பல வலை பயன்பாடுகளும் உள்ளன. இந்தக் கட்டுரையில், உங்கள் டாக்ஸ் ஆவணங்களில் மூலக் குறியீடு தொடரியல் சிறப்பம்சத்தை எவ்வாறு சேர்ப்பது என்பதைக் காண்பிப்பேன்.

கோட் பிரட்டியுடன் மூலக் குறியீட்டை வடிவமைக்கவும்

கோட் ப்ரிட்டி என்பது கூகுள் டாக்ஸிற்கான செருகு நிரலாகும், இது தேர்ந்தெடுக்கப்பட்ட குறியீட்டிற்குத் தானாக ஹைலைட்டைச் சேர்க்கிறது. கோட் பிரெட்டி தொடரியல் வடிவமைப்பைத் தனிப்பயனாக்குவதற்கான பெரிய அளவிலான அமைப்புகளைச் சேர்க்கவில்லை, ஆனால் இது இன்னும் டாக்ஸில் எளிமையான தொடரியல் சிறப்பம்சப்படுத்தும் விருப்பத்தைச் சேர்க்கிறது. கிளிக் செய்வதன் மூலம் டாக்ஸில் CP ஐ சேர்க்கலாம் Fr இந்த வலைப்பக்கத்தில் பொத்தான். பின்னர் அழுத்தவும் அனுமதி செருகு நிரலுக்கான அனுமதிகளை உறுதிப்படுத்தும் பொத்தான்.

அடுத்து, உங்கள் உலாவியில் டாக்ஸைத் திறக்கவும்; அதன் மெனுவைத் திறக்க, Add-ons தாவலைக் கிளிக் செய்யவும். அந்த மெனுவில் இப்போது Code Pretty add-on இருக்கும். இந்த ஆட்-ஆன் எவ்வாறு தொடரியல் சிறப்பம்சமாக உள்ளது என்பதற்கான உதாரணத்தை வழங்க, Ctrl + C ஐ அழுத்துவதன் மூலம் கீழே உள்ள மாதிரி ஜாவாஸ்கிரிப்ட் குறியீட்டைத் தேர்ந்தெடுத்து ஒரு டாக்ஸ் ஆவணத்தில் நகலெடுக்கவும்.

ஜாவாஸ்கிரிப்ட் என்ன செய்ய முடியும்?

ஜாவாஸ்கிரிப்ட் HTML பண்புகளை மாற்றும்.

இந்த வழக்கில் ஜாவாஸ்கிரிப்ட் ஒரு படத்தின் src (மூல) பண்புகளை மாற்றுகிறது.

விளக்கினை ஒளிர செய்

விளக்கை அணைக்கவும்

Ctrl + V ஐ அழுத்தி அந்த ஜாவாஸ்கிரிப்ட் மாதிரியை டாக்ஸில் ஒட்டவும். பிறகு கர்சருடன் வேர்ட் ப்ராசசரில் உள்ள குறியீட்டைத் தேர்ந்தெடுக்கவும். கிளிக் செய்யவும் துணை நிரல்கள் >குறியீடு அழகானது மற்றும் தேர்ந்தெடுக்கவும் வடிவமைப்பு தேர்வு துணைமெனுவிலிருந்து விருப்பம். அது நேரடியாக கீழே உள்ள ஸ்னாப்ஷாட்டில் காட்டப்பட்டுள்ளபடி ஜாவாஸ்கிரிப்டை வடிவமைக்கும்.

குறிப்பிட்டுள்ளபடி, தொடரியல் சிறப்பம்சத்திற்கான பல அமைப்புகளை CP சேர்க்கவில்லை. இருப்பினும், ஹைலைட் செய்யப்பட்ட குறியீட்டின் எழுத்துரு அளவை கிளிக் செய்வதன் மூலம் சரிசெய்யலாம் துணை நிரல்கள் >குறியீடு அழகானது மற்றும் அமைப்புகள். அது நேரடியாக கீழே காட்டப்பட்டுள்ள பக்கப்பட்டியைத் திறக்கும். ஹைலைட் செய்யப்பட்ட குறியீட்டிற்கான மாற்று இயல்புநிலை எழுத்துரு அளவை அங்கிருந்து தேர்ந்தெடுக்கலாம்.

குறியீடு தொகுதிகளுடன் மூலக் குறியீட்டை வடிவமைக்கவும்

கோட் பிளாக்ஸ் என்பது CP க்கு மாற்று ஆட்-ஆன் ஆகும், அதை நீங்கள் டாக்ஸில் சேர்க்கலாம். இது பல சிறப்பம்சமான கருப்பொருள்களை உள்ளடக்கியிருப்பதால், தொடரியல் சிறப்பம்சமாக இது உண்மையில் சற்று சிறந்த துணை நிரலாகும். அழுத்தவும் இலவசம் டாக்ஸில் கோட் பிளாக்குகளைச் சேர்க்க, இந்த இணையதளப் பக்கத்தில் உள்ள பொத்தான்.

நீங்கள் கோட் பிளாக்குகளை நிறுவியவுடன், டாக்ஸைத் திறந்து, மேலே உள்ள அதே ஜாவாஸ்கிரிப்ட் குறியீட்டை வேர்ட் ப்ராசசரில் முன்பு போலவே நகலெடுத்து ஒட்டவும். கிளிக் செய்யவும் துணை நிரல்கள் >குறியீடு தொகுதிகள் மற்றும் தேர்ந்தெடுக்கவும் தொடங்கு நேரடியாக கீழே உள்ள ஷாட்டில் காட்டப்பட்டுள்ள பக்கப்பட்டியைத் திறக்க.

உங்கள் கர்சருடன் ஜாவாஸ்கிரிப்ட் உரையைத் தேர்ந்தெடுக்கவும். குறியீட்டிற்கு மேலே அல்லது கீழே உள்ள எந்த வெற்று ஆவண இடத்தையும் நீங்கள் தேர்ந்தெடுக்கவில்லை என்பதை உறுதிப்படுத்தவும். தேர்ந்தெடு ஜாவாஸ்கிரிப்ட் முதல் கீழ்தோன்றும் மெனுவிலிருந்து. பின்னர் நீங்கள் ஒரு தீம் தேர்ந்தெடுக்க முடியும் தீம் துளி மெனு. அழுத்தவும் வடிவம் கீழே காட்டப்பட்டுள்ளபடி குறியீட்டில் தொடரியல் சிறப்பம்சத்தைச் சேர்க்க பொத்தான். இப்போது ஜாவாஸ்கிரிப்ட் உரை அதன் மார்க்அப் குறிச்சொற்களை முன்னிலைப்படுத்தியதன் மூலம் மிகவும் தெளிவாக உள்ளது.

கூகுள் டாக்ஸில் ஹைலைட் செய்யப்பட்ட மூலக் குறியீட்டை நகலெடுத்து ஒட்டவும்

கோட் பிளாக்ஸ் மற்றும் கோட் பிரட்டி டாக்ஸ் தவிர, மூலக் குறியீட்டை வடிவமைக்க தொடரியல் ஹைலைட்டர் வலை பயன்பாடுகளையும் நீங்கள் பயன்படுத்தலாம். பின்னர், ஒரு வலைப் பயன்பாட்டிலிருந்து தனிப்படுத்தப்பட்ட மூலக் குறியீட்டை மீண்டும் உங்கள் டாக்ஸ் ஆவணத்தில் நகலெடுத்து ஒட்டலாம். டெக்ஸ்ட்மேட் என்பது பல நிரலாக்க மற்றும் மார்க்அப் மொழிகளை வடிவமைக்கும் ஒரு தொடரியல் ஹைலைட்டர் வலைப் பயன்பாடாகும்.

டெக்ஸ்ட்மேட்டைத் திறக்க இந்த ஹைப்பர்லிங்கை கிளிக் செய்யவும். இந்த இடுகையில் சேர்க்கப்பட்டுள்ள JavaScript உரையை Ctrl + C மற்றும் Ctrl + V ஹாட்ஸ்கிகள் மூலம் Textmate இன் மூல குறியீடு பெட்டியில் நகலெடுத்து ஒட்டவும். தேர்ந்தெடு ஜாவாஸ்கிரிப்ட் மொழி கீழ்தோன்றும் மெனுவிலிருந்து. தீம் கீழ்தோன்றும் மெனுவிலிருந்து தொடரியல் ஹைலைட் தீம் ஒன்றைத் தேர்ந்தெடுக்கவும். அழுத்தவும் முன்னிலைப்படுத்த நேரடியாக கீழே உள்ள ஸ்னாப்ஷாட்டில் காட்டப்பட்டுள்ளபடி மூலக் குறியீட்டின் வடிவமைப்பிற்கான முன்னோட்டத்தைப் பெற பொத்தான்.

அடுத்து, கர்சருடன் முன்னோட்டத்தில் ஹைலைட் செய்யப்பட்ட ஜாவாஸ்கிரிப்டைத் தேர்ந்தெடுத்து, Ctrl + C ஐ அழுத்தவும். Ctrl + V ஐ அழுத்துவதன் மூலம் தனிப்படுத்தப்பட்ட குறியீட்டை Google டாக்ஸில் ஒட்டவும். அது நேரடியாக கீழே காட்டப்பட்டுள்ளபடி டாக்ஸ் ஆவணத்தில் ஹைலைட் செய்யப்பட்ட JavaScript மூலக் குறியீட்டைச் சேர்க்கும்.

எனவே, மென்பொருள் மற்றும் இணையதளக் குறியீட்டில் தொடரியல் சிறப்பம்சத்தைச் சேர்க்க டெஸ்க்டாப் உரை திருத்தி தேவையில்லை. மாறாக, கோட் பிரட்டி மற்றும் கோட் பிளாக்ஸ் நீட்டிப்புகளுடன் டாக்ஸ் ஆவணங்களில் தொடரியல் குறியீட்டை முன்னிலைப்படுத்தலாம். மாற்றாக, கூகுள் டாக்ஸில் தனிப்படுத்துதலுடன் மூலக் குறியீட்டைச் செருக, உங்கள் குறியீட்டை டெக்ஸ்ட்மேட் வலைப் பயன்பாட்டில் நகலெடுத்து ஒட்டவும்.

Google டாக்ஸில் தொடரியல் வடிவமைப்பைச் சேர்க்க வேறு ஏதேனும் வழிகள் உள்ளதா? அவற்றை கீழே எங்களுடன் பகிர்ந்து கொள்ளுங்கள்!