Anonim

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

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

কোড প্রিটি সহ সোর্স কোড ফর্ম্যাট করুন

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

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


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

জাভাস্ক্রিপ্ট HTML বৈশিষ্ট্য পরিবর্তন করতে পারে।

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

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

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

কোড ব্লক সহ উত্স কোড ফর্ম্যাট করুন

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

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

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

গুগল ডক্সে হাইলাইটেড উত্স কোড অনুলিপি করুন এবং আটকান

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

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

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

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

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

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