গুগল ডক্সে সোর্স কোডে সিনট্যাক্স হাইলাইটিং কীভাবে যুক্ত করবেন

বিকাশকারী এবং প্রোগ্রামাররা দীর্ঘকাল ধরে কম্পিউটার কোড প্রবেশের প্রাথমিক উপায় হিসাবে পাঠ্য সম্পাদক ব্যবহার করে আসছে। কিছু ডেভেলপমেন্ট এনভায়রনমেন্টের নিজস্ব বিল্ট-ইন এডিটর থাকে, কিন্তু ডেভেলপাররা সাধারণত একজন এডিটর পছন্দ করে এবং সেই প্রোগ্রামে লেগে থাকে। এর একটি কারণ হল যে একটি ভাল কোডিং এডিটরে সিনট্যাক্স হাইলাইটিং অন্তর্ভুক্ত থাকে, একটি বৈশিষ্ট্য যা সোর্স কোডকে ফরম্যাট করে এবং ফন্ট এবং রংগুলিকে কীওয়ার্ড এবং কনস্ট্রাক্টে বরাদ্দ করে যাতে এটি পড়া আরও সহজ হয়। টেক্সট এডিটর যেমন নোটপ্যাড ++, যা এই টেক জাঙ্কি গাইডে কভার করা হয়েছে, এই কারণে ডেভেলপাররা পছন্দ করেন। বেশিরভাগ বিকাশকারীরা Google ডক্সকে একটি সম্ভাব্য কোডিং সম্পাদক হিসাবে দেখেন না, এর দুর্দান্ত ওয়ার্কগ্রুপ বৈশিষ্ট্য এবং ক্লাউড ইন্টিগ্রেশন সত্ত্বেও, কারণ এতে অন্তর্নির্মিত সিনট্যাক্স-হাইলাইটিং বিকল্পগুলি অন্তর্ভুক্ত নেই।

যাইহোক, আপনি Google ডক নথিতে কোডে সিনট্যাক্স হাইলাইটিং যোগ করতে পারেন। প্রকৃতপক্ষে, ডক্সের জন্য অন্তত কয়েকটি অ্যাড-অন রয়েছে যা আপনাকে সিনট্যাক্স হাইলাইটিং সহ বিভিন্ন প্রোগ্রামিং এবং মার্কআপ ভাষা ফর্ম্যাট করতে সক্ষম করে। এছাড়াও অসংখ্য ওয়েব অ্যাপ রয়েছে যা আপনি Google ডক্সে হাইলাইট করার সাথে সোর্স কোড সন্নিবেশ করতে ব্যবহার করতে পারেন। এই নিবন্ধে আমি আপনাকে দেখাব কিভাবে আপনার ডক্স ডকুমেন্টে সোর্স কোড সিনট্যাক্স হাইলাইটিং যোগ করতে হয়।

কোড প্রিটি দিয়ে সোর্স কোড ফরম্যাট করুন

Code Pretty হল Google ডক্সের জন্য একটি অ্যাড-অন যা স্বয়ংক্রিয়ভাবে নির্বাচিত কোডে হাইলাইটিং যোগ করে। কোড প্রিটি সিনট্যাক্স বিন্যাস কাস্টমাইজ করার জন্য বিপুল পরিমাণ সেটিংস অন্তর্ভুক্ত করে না, তবে এটি এখনও ডক্সে একটি সহজ সিনট্যাক্স হাইলাইট করার বিকল্প যোগ করে। আপনি ক্লিক করে ডক্সে CP যোগ করতে পারেন Free এই ওয়েবপেজে বোতাম। তারপর চাপুন অনুমতি দিন অ্যাড-অনের জন্য অনুমতি নিশ্চিত করতে বোতাম।

এরপর, আপনার ব্রাউজারে ডক্স খুলুন; এবং এর মেনু খুলতে অ্যাড-অন ট্যাবে ক্লিক করুন। সেই মেনুতে এখন কোড প্রিটি অ্যাড-অন অন্তর্ভুক্ত থাকবে। এই অ্যাড-অনটি কীভাবে সিনট্যাক্স হাইলাইট করে তার একটি উদাহরণ দিতে, Ctrl + C টিপে নীচের নমুনা জাভাস্ক্রিপ্ট কোডটি একটি ডক্স ডকুমেন্টে কপি করুন।

জাভাস্ক্রিপ্ট কি করতে পারে?

জাভাস্ক্রিপ্ট HTML এট্রিবিউট পরিবর্তন করতে পারে।

এই ক্ষেত্রে জাভাস্ক্রিপ্ট একটি ছবির src (সোর্স) বৈশিষ্ট্য পরিবর্তন করে।

বাতিটি জ্বালাও

আলো বন্ধ

Ctrl + V টিপে সেই জাভাস্ক্রিপ্ট নমুনাটি ডক্সে পেস্ট করুন। তারপর কার্সার দিয়ে ওয়ার্ড প্রসেসরে কোডটি নির্বাচন করুন। ক্লিক অ্যাড-অন >কোড সুন্দর এবং নির্বাচন করুন বিন্যাস নির্বাচন সাবমেনু থেকে বিকল্প। এটি সরাসরি নীচের স্ন্যাপশটে দেখানো হিসাবে জাভাস্ক্রিপ্ট ফর্ম্যাট করবে।

যেমন বলা হয়েছে, সিপিতে সিনট্যাক্স হাইলাইট করার জন্য অনেক সেটিংস অন্তর্ভুক্ত নেই। যাইহোক, আপনি ক্লিক করে হাইলাইট করা কোডের ফন্টের আকার সামঞ্জস্য করতে পারেন অ্যাড-অন >কোড সুন্দর এবং সেটিংস. এটি সরাসরি নীচে দেখানো সাইডবার খুলবে। তারপর আপনি সেখান থেকে হাইলাইট করা কোডের জন্য একটি বিকল্প ডিফল্ট ফন্ট সাইজ নির্বাচন করতে পারেন।

কোড ব্লকের সাথে সোর্স কোড ফর্ম্যাট করুন

কোড ব্লক হল CP-এর একটি বিকল্প অ্যাড-অন যা আপনি ডক্সে যোগ করতে পারেন। সিনট্যাক্স হাইলাইট করার জন্য এটি আসলে একটি সামান্য ভাল অ্যাড-অন কারণ এতে অসংখ্য হাইলাইটিং থিম রয়েছে। চাপুন বিনামূল্যে ডক্সে কোড ব্লক যোগ করতে এই ওয়েবসাইটের পৃষ্ঠায় বোতাম।

আপনি যখন কোড ব্লকগুলি ইনস্টল করেছেন, তখন ডক্স খুলুন এবং আগের মতো ওয়ার্ড প্রসেসরে উপরের একই জাভাস্ক্রিপ্ট কোডটি অনুলিপি করুন এবং পেস্ট করুন। ক্লিক অ্যাড-অন >কোড ব্লক এবং নির্বাচন করুন শুরু করুন সরাসরি নিচের শটে দেখানো সাইডবার খুলতে।

আপনার কার্সার দিয়ে জাভাস্ক্রিপ্ট পাঠ্য নির্বাচন করুন। নিশ্চিত করুন যে আপনি কোডের উপরে বা নীচে কোনো খালি নথির স্থান নির্বাচন করবেন না। নির্বাচন করুন জাভাস্ক্রিপ্ট প্রথম ড্রপ-ডাউন মেনু থেকে। তারপর আপনি থেকে একটি থিম নির্বাচন করতে পারেন থিম ড্রপ-ডাউন মেনু। চাপুন বিন্যাস নীচে দেখানো হিসাবে কোডে সিনট্যাক্স হাইলাইটিং যোগ করার জন্য বোতাম। এখন জাভাস্ক্রিপ্ট টেক্সট এর মার্কআপ ট্যাগ হাইলাইট সহ অনেক পরিষ্কার।

Google ডক্সে হাইলাইট করা সোর্স কোড কপি এবং পেস্ট করুন

কোড ব্লক এবং কোড প্রিটি ডক্স ছাড়াও, আপনি সোর্স কোড ফরম্যাট করতে সিনট্যাক্স হাইলাইটার ওয়েব অ্যাপস ব্যবহার করতে পারেন। তারপর আপনি আপনার ডক্স ডকুমেন্টে একটি ওয়েব অ্যাপ থেকে হাইলাইট করা সোর্স কোড কপি এবং পেস্ট করতে পারেন। টেক্সটমেট হল একটি সিনট্যাক্স হাইলাইটার ওয়েব অ্যাপ যা অসংখ্য প্রোগ্রামিং এবং মার্কআপ ল্যাঙ্গুয়েজ ফরম্যাট করে।

Textmate খুলতে এই হাইপারলিংকে ক্লিক করুন। তারপর Ctrl + C এবং Ctrl + V হটকি দিয়ে টেক্সটমেটের সোর্স কোড বক্সে এই পোস্টে অন্তর্ভুক্ত জাভাস্ক্রিপ্ট টেক্সট কপি করে পেস্ট করুন। নির্বাচন করুন জাভাস্ক্রিপ্ট ভাষা ড্রপ-ডাউন মেনু থেকে। থিম ড্রপ-ডাউন মেনু থেকে একটি সিনট্যাক্স হাইলাইট থিম নির্বাচন করুন। চাপুন লক্ষণীয় করা সরাসরি নীচের স্ন্যাপশটে দেখানো হিসাবে সোর্স কোডের বিন্যাসের জন্য একটি পূর্বরূপ পেতে বোতাম।

এরপরে, কার্সারের সাথে প্রিভিউতে হাইলাইট করা জাভাস্ক্রিপ্ট নির্বাচন করুন এবং Ctrl + C টিপুন। Ctrl + V টিপে হাইলাইট করা কোডটি Google ডক্সে পেস্ট করুন। এটি সরাসরি নীচে দেখানো ডক্স ডকুমেন্টে হাইলাইট করা জাভাস্ক্রিপ্ট সোর্স কোড যোগ করবে।

সুতরাং, সফ্টওয়্যার এবং ওয়েবসাইট কোডে সিনট্যাক্স হাইলাইটিং যুক্ত করার জন্য আপনার ডেস্কটপ পাঠ্য সম্পাদকের প্রয়োজন নেই। পরিবর্তে, আপনি কোড প্রিটি এবং কোড ব্লক এক্সটেনশনগুলির সাথে ডক্স নথিতে সিনট্যাক্স কোড হাইলাইট করতে পারেন। বিকল্পভাবে, Google ডক্সে হাইলাইট করার সাথে সোর্স কোড সন্নিবেশ করতে Textmate ওয়েব অ্যাপে এবং থেকে আপনার কোড কপি এবং পেস্ট করুন।

Google ডক্সে সিনট্যাক্স বিন্যাস যুক্ত করার অন্য কোন উপায় আছে? নীচে আমাদের সাথে তাদের ভাগ করুন!