HTML ফরম্যাটার

গোছালো নয় এমন HTML পড়ার উপযোগী ইনডেন্টে সাজান — অথবা এক লাইনে মিনিফাই করুন — পুরোপুরি আপনার ব্রাউজারে।

কীভাবে ব্যবহার করবেন

  1. HTML পেস্ট বা লিখুন। টাইপ করার সঙ্গে সঙ্গেই ফরম্যাট (বা মিনিফাই) হয় — ক্লিক করার মতো কোনো বোতাম নেই।
  2. ফরম্যাট / মিনিফাই পাল্টান; 2 বা 4 স্পেস বেছে নিন। মিনিফাই মোডে ইনডেন্ট নিয়ন্ত্রণ নিষ্ক্রিয় থাকে।
  3. ব্লক এলিমেন্টগুলো প্রতি গভর্তায় এক স্তর ইনডেন্ট পায়, এক-একটি লাইনে। ইনলাইন কনটেন্ট (<a> বা <b>-এর সঙ্গে মিশ্রিত টেক্সট) যেমন লেখা ছিল তেমনি থাকে।
  4. void এলিমেন্ট (<br>, <img>, <input>…) বন্ধ ট্যাগ ছাড়াই চলে এবং হুবহু থাকে, ঐচ্ছিক /> সহ।
  5. Raw-text এলিমেন্ট (<script>, <style>, <textarea>, <title>, <pre>) অক্ষরে অক্ষরে নকল হয়; ভেতরের কিছুই বিশ্লেষণ বা পুনঃফরম্যাট হয় না।

উদাহরণ

ইনপুট

<!DOCTYPE html><html><head><meta charset="utf-8"><title>Demo</title></head><body><div class="card"><h1>Hello</h1><p>Hi <b>there</b></p><ul><li>one</li><li>two</li></ul></div><script>const x=1;</script></body></html>

আউটপুট

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Demo</title>
  </head>
  <body>
    <div class="card">
      <h1>Hello</h1>
      <p>Hi <b>there</b></p>
      <ul>
        <li>one</li>
        <li>two</li>
      </ul>
    </div>
    <script>const x=1;</script>
  </body>
</html>

ইনলাইন কনটেন্ট এবং <script>/<style>-এর ভেতরের লেখা হুবহু থাকে; <meta> একটি void এলিমেন্ট, যেমন লেখা তেমনি রাখা হয়েছে।

সীমাবদ্ধতা

  • শুধু গঠনগত: ট্যাগ জোড়া, void এলিমেন্ট, সাধারণ implied বন্ধ (li/td/tr/dt/dd/option/p/head) ও নেস্টিং। DTD/Schema যাচাই নেই।
  • ভেতরের JavaScript ও CSS ফরম্যাট হয় না — <script>/<style>-এর কনটেন্ট যেমন তেমন থাকে। (সেগুলোর জন্য কোড ফরম্যাটার ব্যবহার করুন।)
  • সব ঐচ্ছিক HTML5 বন্ধ ট্যাগ অনুমান করা হয় না; সত্যিই ভুল নেস্টিং হলে লাইন ও কলামসহ জানানো হয়।
  • ইনলাইন/মিশ্রিত কনটেন্ট ইচ্ছাকৃতভাবে নতুন করে ইনডেন্ট করা হয় না। <pre>/<textarea>/<title>-এর ভেতরের লেখা হুবহু সংরক্ষিত।
  • কোনো ফাইল আপলোড নেই, URL প্যারামিটার নেই, হিস্টরি নেই, অ্যাকাউন্ট নেই। ইনপুট কখনো আপনার ব্রাউজারের বাইরে যায় না।

এই টুলবক্সের আরও ফরম্যাটার ও টেক্সট টুল।