কোড ফরম্যাটার ও মিনিফায়ার

কোড ফরম্যাটার ও মিনিফায়ার কী?

একটি বিনামূল্যের অনলাইন কোড ফরম্যাটার ও মিনিফায়ার যা আপনার ব্রাউজার থেকে বের না হয়েই HTML, CSS এবং JavaScript সুন্দর করে বা মিনিফাই করে। ভাষা বাছুন, তারপর এলোমেলো বা এক-লাইনের সোর্সকে 2-স্পেস, 4-স্পেস বা ট্যাব ইন্ডেন্টেশন সহ পুনরায় ইন্ডেন্ট করতে Beautify বাছুন, অথবা এটিকে কম্প্রেস করতে Minify বাছুন। সুন্দর করা js-beautify দ্বারা পরিচালিত; JavaScript মিনিফিকেশন নাম ছোট করতে ও আকার কমাতে Terser ব্যবহার করে, আর CSS এবং HTML-কে মন্তব্য সরিয়ে ও অপ্রয়োজনীয় ফাঁকা জায়গা একত্র করে সংকুচিত করা হয়। ওয়েব ডেভেলপাররা মিনিফাই করা ভেন্ডর কোড পঠনযোগ্য করতে, ডিপ্লয়ের আগে স্টাইলশিট ও স্ক্রিপ্ট ছোট করতে, এবং বিল্ড আউটপুট থেকে পেস্ট করা স্নিপেট পরিষ্কার করতে এটি ব্যবহার করেন।

কোড ফরম্যাটার ও মিনিফায়ার কীভাবে ব্যবহার করবেন

1. আপনার সোর্সের ভাষা বাছুন: HTML, CSS বা JS।
2. ক্রিয়া বাছুন: সুন্দর করতে Beautify, বা কম্প্রেস করতে Minify।
3. Beautify-এর জন্য, ইন্ডেন্টেশন বাছুন: 2 স্পেস, 4 স্পেস বা Tab।
4. ইনপুট বাক্সে আপনার কোড পেস্ট করুন বা টাইপ করুন - আউটপুট স্বয়ংক্রিয়ভাবে আপডেট হয়।
5. ফলাফল নিতে Copy বোতাম ব্যবহার করুন, অথবা ইনপুট খালি করে আবার শুরু করতে Clear-এ ক্লিক করুন।

উদাহরণ

a{color:red;font-weight:bold}

a {
  color: red;
  font-weight: bold
}

function add(first, second) {
  return first + second;
}

function add(n,d){return n+d}

<ul>
  <li>One</li>
  <li>Two</li>
</ul>

<ul><li>One</li><li>Two</li></ul>

সচরাচর জিজ্ঞাসিত প্রশ্ন

আমার কোড কি কোনো সার্ভারে আপলোড হয়?

না। সুন্দর করা ও মিনিফাই করা সবই আপনার ব্রাউজারে স্থানীয়ভাবে ঘটে - js-beautify এবং Terser স্ক্রিপ্ট হিসেবে লোড হয় এবং আপনার ডিভাইসে চলে। আপনার কোড কখনো আপনার মেশিন থেকে বের হয় না, এবং টুলটি অফলাইনেও কাজ করতে থাকে।

কোন কোন ভাষা ও ক্রিয়া সমর্থিত?

তিনটি ভাষা - HTML, CSS এবং JavaScript - প্রতিটিতে দুটি ক্রিয়া: Beautify (আপনার বাছাই করা ইন্ডেন্টেশন সহ সুন্দর করা) এবং Minify (কম্প্রেস করা)। JavaScript-কে Terser দিয়ে মিনিফাই করা হয়, আর CSS এবং HTML-কে মন্তব্য সরিয়ে ও ফাঁকা জায়গা একত্র করে সংকুচিত করা হয়।

আমি কোন ইন্ডেন্টেশন বাছতে পারি?

সুন্দর করার সময় আপনি 2 স্পেস, 4 স্পেস বা একটি ট্যাব অক্ষর দিয়ে পুনরায় ইন্ডেন্ট করতে পারেন। ইন্ডেন্টেশন শুধু Beautify-তে প্রযোজ্য; Minify ফাঁকা জায়গা সরিয়ে দেয় এবং এই সেটিং উপেক্ষা করে।

আমার JavaScript মিনিফাই করতে গিয়ে কেন ত্রুটি দেখাল?

Terser মিনিফাই করার আগে আপনার JavaScript পার্স করে, তাই কোনো সিনট্যাক্স ত্রুটি এটিকে থামিয়ে দেয় এবং বার্তাটি আউটপুটের উপরে দেখানো হয়। উল্লেখিত জায়গাটি ঠিক করুন - প্রায়ই একটি অবন্ধ বন্ধনী, স্ট্রিং, বা একটি বিপথগামী টোকেন - এবং ফলাফল স্বয়ংক্রিয়ভাবে আবার তৈরি হয়।

আউটপুট কি নিজে থেকেই আপডেট হয়?

হ্যাঁ। আপনি যখনই ইনপুট, ভাষা, ক্রিয়া বা ইন্ডেন্টেশন পরিবর্তন করেন, ফলাফল আবার তৈরি হয়, তাই ফরম্যাট করতে আপনাকে কখনো কোনো বোতাম চাপতে হয় না - আউটপুট সঠিক দেখালে শুধু সেটি কপি করুন।