RevealTheme logo

قالب‌بند و زیباساز HTML

HTML مینیفای‌شده یا درون‌خطی را با تورفتگی و شکست خط مناسب قالب‌بندی می‌کند.

نحوه استفاده از این ابزار

  1. 1

    Paste your minified or single-line HTML into the input box.

  2. 2

    Read the indented result that appears below as you type — there is no button to press.

  3. 3

    Select and copy the formatted output from the result panel.

  4. 4

    Spot-check anything with <pre>, <textarea>, comments, or inline scripts, since those are not handled perfectly.

قالب‌بند و زیباساز HTML چیست؟

HTML مینیفای‌شده یک رشته بلند و یکپارچه است: تحویل سریع اما خواندنش ناممکن. این ابزار مینیفای را معکوس می‌کند: هر عنصر در خط خودش، با عناصر فرزند که دو فاصله بیشتر تورفته شده‌اند. عناصر خالی (img، br، input) درون‌خطی نگه داشته می‌شوند. خروجی صرفاً زیباشناختی است و کاملاً یکسان رندر می‌شود.

موارد استفاده رایج

  • Expanding a minified production HTML page so you can read its structure during debugging.

  • Tidying a snippet copied from a browser's DevTools Elements panel before pasting it into documentation.

  • Re-indenting a fragment of email or marketing HTML that arrived as one long line.

  • Inspecting the nesting and tag hierarchy of unfamiliar markup at a glance.

  • Cleaning up generated or template-output HTML before committing it to a repository.

  • Teaching or reviewing HTML structure where consistent two-space indentation makes nesting obvious.

پرسش‌های متداول

آیا فضای خالی درون <pre> را حفظ می‌کند؟
محتوای متنی درون‌خطی فشرده می‌شود. برای نشانه‌گذاری پر از <pre>، ممکن است لازم باشد فضای خالی را به‌صورت دستی بازیابی کنید.

ابزارهای مرتبط

کدگشای JWT

توکن‌های JSON Web Token (JWT) را فوراً کدگشایی کنید. در مرورگر شما اجرا می‌شود: توکن‌ها هرگز از دستگاه شما خارج نمی‌شوند، پس استفاده از آن با اسرار محیط تولید (production) امن است.

قالب‌بند و اعتبارسنج JSON

JSON را به‌صورت آنلاین قالب‌بندی، اعتبارسنجی و فشرده کنید. کاملاً در مرورگر شما کار می‌کند: داده‌های شما هرگز دستگاهتان را ترک نمی‌کنند.

قالب‌بند XML

اسناد XML را قالب‌بندی و زیبا کنید. مفید برای SOAP، نقشه‌های سایت، فیدهای RSS و فایل‌های پیکربندی.

کدگذار و کدگشای Base64

رشته‌ها را به Base64 کدگذاری یا Base64 را به متن کدگشایی کنید. به حریم خصوصی شما احترام می‌گذارد: در مرورگر شما اجرا می‌شود.

کدگذار و کدگشای URL

متن را به کدگذاری امن برای URL (کدگذاری درصدی) و برعکس تبدیل کنید. مفید برای رشته‌های پرس‌وجو، تغییر مسیرها و جریان‌های OAuth.

کدگذار و کدگشای موجودیت‌های HTML

کاراکترهای خاص را به موجودیت‌های HTML (&amp;، &lt; و غیره) و برعکس تبدیل می‌کند. برای جای‌دادن امن متن در HTML مفید است.