این ابزار درست کار نمیکند؟
دربارهٔ ابزار «زیباسازی خطبهخط HTML آنلاین»
این ابزار هر HTML — minify شده، در هم آمیخته، یا فقط نامرتب — را میگیرد و خروجی تمیز، بهخوبی indent شده و با فاصلهگذاری مناسب تولید میکند. هر تگ خط خود را در جایی که مناسب است میگیرد، ویژگیها بهطور مرتب در یک ردیف قرار میگیرند، و تورفتگی عمق تو در توی را منعکس میکند.
برای درک HTML تولید فشرده، ارائه نشانهگذاری در مستندات یا آموزشها، پاکسازی HTML تولید شده قبل از commit در git، یا عادی کردن خروجی از چندین مشارکتکننده با اولویتهای سبک کد مختلف مفید است.
Beautifier تگهای خودبسته، عناصر inline در مقابل بلوک، محتوای preformatted (<pre>، <textarea>، <script>) و ویژگیهای مدرن HTML5 را مدیریت میکند. سبک تورفتگی (فاصله در مقابل تب) و عرض را برای مطابقت با قراردادهای تیم خود انتخاب کنید.
چطور از این ابزار استفاده کنم؟
چطور HTML فشرده یا چسبیدهشده را pretty-print کنم؟
HTML را بچسبانید
HTML minified یا single-line را در فیلد «HTML» قرار دهید. documentهای کامل (با `<!doctype>`) و fragmentهای مستقل پذیرفته میشوند؛ comment و محتوای inline `<script>` / `<style>` بدون تغییر عبور میکند.
«اجرا» را بزنید
خروجی یک فیلد `formatted` با indentation ۲-فاصله، یک tag در هر خط در breakpointهای ساختاری، و attributeها در همان خط tag باقی میماند. خطهای طولانی auto-wrap نمیشوند — selector-در-class و مقادیر `srcset` دستنخورده میمانند.
تفاوت با `html-formatter`
از نظر عملکردی این دو ابزار برای کار روزمره قابلتعویض هستند. این یکی برای کاربرانی که «HTML beautifier» جستجو میکنند نامگذاری شده؛ هر کدام که برایتان واضحتر است را انتخاب کنید. خروجی شکل یکسانی دارد.
بعد از beautifying
برای HTML قابلdeploy، نتیجه را دوباره از یک minifier (مثلاً htmlmin در زنجیرهٔ build خود) بگذرانید. فرم beautified برای خواندن و code review در نظر گرفته شده، نه برای ship کردن از طریق wire.