ප්‍රධාන අන්තර්ගතයට පිවිසෙන්න
LibraTool logoLibraTool

නොමිලේ HTML Beautifier සහ Minifier

HTML නිසි nesting ඉඳිකිය සමඟ pretty-print හෝ minify කරන්න. <pre>, <script>, <style> blocks ඇතුළත අන්තර්ගතය ආරක්ෂා කරයි.

load වූ පසු offline ක්‍රියා කරයි

ගොනුවක් මෙතැනට දමන්න, නැතහොත් පිරික්සීමට ක්ලික් කරන්න

HTML, HTM · ඔබගේ උපාංගය තුළම සකසනු ලැබේ

හෝ පසුරු පුවරුවෙන් අලවීමට Ctrl+V ඔබන්න

ගොනු බ්‍රවුස් කරන්න
සුන්දර HTML
ප්‍රතිදානය මෙහි දිස්වේ…

පොදු භාවිත

  • සිටුවුම-ඉතිරි HTML අනුගමනය කරන්නඔබගේ සිටුවුම (PHP, Rails, Django, Node) බිම raw HTML ඉතිරි පිටපතට පිටපතට සිතුවිල්ල දෙකෙහි.
  • Email HTML සැකිල්ල ඉතිරි කරන්නEmail HTML ඉතිරි (තුම්බිස, ඉතිරි ශීර්ෂ). බිම සම්පාදනයක් සහ නඩත්තු කරන ඉතිරි කරන්න.
  • ස්ථිර HTML පිටුවල ඉතිරි කරන්නදෙස බිම ස්ථිර HTML ගිණුම සිතුවිල්ල ඉතිරි ඉතිරි තිරසර සම්පාදනය.
  • CMS-නිකුතු HTML පිරිසිදු කරන්නWordPress, Wix, Squarespace නිකුතු HTML බොහෝ කෙටි. බිම සම්පාදනයක් ඉතිරි කරන්න.
  • නිකුතු සඳහා HTML minify කරන්නසිතුවිල්ල හා අවිස්මෘත අකුරු ඉතිරි කරමින් ඉතිරි පිටු ගිණුම HTML ගිණුම සිටුවුම.

එය ක්‍රියා කරන්නේ කෙසේද

මෙම මෙවලම කෙලින්ම පිටුවට ගොඩනගා ඇති අතින් ලියන ලද tag-aware tokenizer එකකින් HTML format කරයි හෝ සම්පීඩනය කරයි — third-party formatting පුස්තකාලයක්, සර්වර round-trip එකක් නැත. ඔබේ markup එකේ සෑම අක්ෂරයක්ම ඔබ එය ටයිප් කරන හෝ paste කරන ක්ෂණයේම බ්‍රවුසරයේ දේශීයව සකසනු ලැබේ.

  1. 1
    Tokenizer markup එක scan කරයි
    අභිරුචි character-by-character scanner එකක් HTML string එක හරහා ගොස්, comments, DOCTYPE declarations, opening tags, closing tags, self-closing void elements (br, img, input, ආදිය), සහ raw text nodes හඳුනා ගනී. විශේෂිත helper එකක් quoted attribute values track කරන නිසා attribute එකක ඇතුළත > වැනි අක්ෂර (උදා. value="a>b") tag එකක් නොමැදිව split වීමට කිසි විටෙක ඉඩ නොදේ.
  2. 2
    Indentation depth එක tag එකකට track කෙරේ
    beautify ප්‍රකාරය සඳහා, tokenizer එක depth counter එකක් තබා ගනී. Block-level opening tags depth වැඩි කරයි; closing tags ලියීමට පෙර එය අඩු කරයි. Inline elements (span, a, strong, em, ආදිය) ඒවායේම indented පේළියකට push නොවී ඒවායේ අන්තර්ගතය සමගම එකම පේළියේ තබා ගනී. pre, script, style, සහ textarea වැනි tags whitespace-sensitive හෝ ක්‍රියාකාරී කේතය විනාශ වීම වළක්වා ගැනීමට ඒවායේ අභ්‍යන්තර අන්තර්ගතය verbatim ලෙස නිකුත් කරයි.
  3. 3
    Minifier whitespace ආරක්ෂිතව හකුළනු ලැබේ
    minify ප්‍රකාරයේදී, pre, script, style, සහ textarea blocks වල අන්තර්ගතය whitespace collapsing ඕනෑම දෙයකට පෙර ගණන් කළ sentinels වලින් swap කෙරේ. HTML comments ඉවත් කෙරෙන අතර, tags අතර whitespace runs ඉවත් කෙරේ — adjacent inline elements අතර හැර, එහිදී වචන එකට fuse නොවන ලෙස තනි space එකක් රඳවා ගනී. Sentinel placeholders පසුව ඒවායේ මුල් අන්තර්ගතයට restore කෙරේ.
  4. 4
    ප්‍රතිදානය නිරූපණය කර විකල්පව සුරැකේ
    format කළ හෝ minify කළ ප්‍රතිඵලය ප්‍රමාණ-වෙනස ප්‍රතිශතයක් සමඟ ප්‍රතිදාන panel එකේ සජීවීව දිස්වේ. ඔබට එය clipboard වෙත පිටපත් කළ හැක හෝ .html ගොනුවක් ලෙස බාගත කළ හැක, බ්‍රවුසරයෙන් ඉවත් නොවී.

සම්බන්ධ මෙවලම්

🎨

CSS සැලසුම්කාරකය

මිනිමයිස් කළ CSS ස්ථාවර ඉන්ඩෙන්ටේෂන් සහිතව පිළිවෙළට සකසන්න, නැතහොත් එය මිනිමයිස් කරන්න. පුරෝකථනය කළ හැකි වෙනස්කම් සඳහා විකල්ප අක්ෂර ක්‍රමයට ගුණාංග වර්ග කිරීම.

උත්සාහ කරන්න
🗜️

CSS Minifier සහ Beautifier

ගොනු ප්‍රමාණය අඩු කිරීමට CSS minify කරන්න හෝ කියවිලිවාදිත්වය සඳහා minify කළ CSS beautify කරන්න. ක්ෂණික, ඔබේ බ්‍රවුසරයේ.

උත්සාහ කරන්න
📰

XML Formatter සහ Validator

ඔබේ බ්‍රවුසරයේ ස්වදේශික DOM parser භාවිතයෙන් XML pretty-print කර validate කරන්න. Production භාවිතය සඳහා minified ප්‍රතිදානය ඇතුළත් ය.

උත්සාහ කරන්න

නිතර අසන ප්‍රශ්න