LibraTool logoLibraTool

இலவச HTML பியூட்டிஃபையர் & மினிஃபையர்

சரியான நெஸ்டிங் இண்டெண்டேஷனுடன் HTML-ஐ அழகாக அச்சிடவும் அல்லது மினிஃபை செய்யவும். <pre>, <script>, <style> தொகுதிகளுக்குள் உள்ளடக்கத்தைப் பாதுகாக்கிறது.

ஏற்றியப் பிறகு ஆஃப்லைனில் வேலை செய்கிறது

கோப்புகளை இங்கே இழுக்கவும், அல்லது உலாவ கிளிக் செய்யவும்

HTML, HTM · கோப்பு அளவு வரையறை இல்லை

அல்லது உங்கள் கிளிப்போர்டிலிருந்து ஒட்ட Ctrl+V ஐ அழுத்தவும்

கோப்புகளை உலாவுக
அழகுபடுத்தப்பட்ட HTML
வெளியீடு இங்கே தோன்றும்…

இது எவ்வாறு செயல்படுகிறது

இந்தக் கருவி பக்கத்திலேயே உருவாக்கப்பட்ட கையால் எழுதிய tag-அறிந்த tokenizer மூலம் HTML ஐ வடிவமைக்கிறது அல்லது சுருக்குகிறது — மூன்றாம் தரப்பு வடிவமைப்பு நூலகம் இல்லை, சர்வர் பயணம் இல்லை. நீங்கள் தட்டச்சு செய்யும் அல்லது ஒட்டும் கணமே உங்கள் markup இன் ஒவ்வொரு எழுத்தும் உலாவியில் உள்ளூரில் செயலாக்கப்படுகிறது.

  1. 1
    Tokenizer markup ஐ ஸ்கேன் செய்கிறது
    தனிப்பயன் எழுத்து-எழுத்தாக scanner HTML string இல் நடந்து, comments, DOCTYPE declarations, திறக்கும் tags, மூடும் tags, self-closing void elements (br, img, input முதலியன), மூல உரை nodes ஆகியவற்றை அடையாளம் காண்கிறது. ஒரு பிரத்யேக helper quoted attribute மதிப்புகளைக் கண்காணிக்கிறது; எனவே attribute உள்ளே உள்ள > போன்ற எழுத்துகள் (எ.கா. value="a>b") tag ஐ முன்கூட்டியே பிரிப்பதில்லை.
  2. 2
    ஒவ்வொரு tag க்கும் உள்தள்ளல் ஆழம் கண்காணிக்கப்படுகிறது
    beautify பயன்முறைக்கு, tokenizer ஆழ counter ஐப் பராமரிக்கிறது. Block-நிலை திறக்கும் tags ஆழத்தை அதிகரிக்கின்றன; மூடும் tags எழுதப்படும் முன் அதைக் குறைக்கின்றன. Inline elements (span, a, strong, em முதலியன) தனி உள்தள்ளிய வரிக்குத் தள்ளப்படாமல் அவற்றின் உள்ளடக்கத்துடன் அதே வரியில் வைக்கப்படுகின்றன. pre, script, style, textarea போன்ற tags இன் உள் உள்ளடக்கம் வெற்றிட-உணர்வுள்ள அல்லது இயக்கக்கூடிய code சிதையாமல் இருக்க அப்படியே வெளியிடப்படுகிறது.
  3. 3
    Minifier வெற்றிடத்தைப் பாதுகாப்பாகச் சுருக்குகிறது
    minify பயன்முறையில், எந்த வெற்றிடச் சுருக்கமும் நடக்கும் முன் pre, script, style, textarea blocks இன் உள்ளடக்கம் எண்ணிட்ட sentinels ஆல் மாற்றப்படுகிறது. HTML comments நீக்கப்படுகின்றன, tags இடையேயான தொடர் வெற்றிடங்கள் நீக்கப்படுகின்றன — அடுத்தடுத்த inline elements இடையே தவிர; அங்கே சொற்கள் ஒட்டாமல் இருக்க ஒற்றை இடைவெளி பாதுகாக்கப்படுகிறது. பின் sentinel placeholders அவற்றின் அசல் உள்ளடக்கத்துக்கு மீட்கப்படுகின்றன.
  4. 4
    வெளியீடு காட்டப்பட்டு விருப்பப்படி சேமிக்கப்படுகிறது
    வடிவமைத்த அல்லது minify செய்த முடிவு அளவு-மாற்றச் சதவீதத்துடன் வெளியீட்டுப் பலகத்தில் நேரலையாகத் தோன்றும். அதைக் கிளிப்போர்டுக்கு நகலெடுக்கலாம் அல்லது .html கோப்பாகப் பதிவிறக்கலாம் — உலாவியை விட்டு வெளியேறாமலேயே.

தொடர்புடைய கருவிகள்

🎨

CSS பியூட்டிஃபையர்

சீரான இண்டெண்டேஷனுடன் மினிஃபை செய்யப்பட்ட CSS-ஐ அழகாக அச்சிடவும். முன்கணிக்கக்கூடிய டிஃப்களுக்கு விருப்பமான அகரவரிசை பண்பு வரிசைப்படுத்தல்.

முயற்சிக்கவும்
🗜️

CSS மினிஃபையர் & பியூட்டிஃபையர்

கோப்பு அளவைக் குறைக்க CSS-ஐ மினிஃபை செய்யவும் அல்லது படிக்கும் வசதிக்காக மினிஃபை செய்யப்பட்ட CSS-ஐ பியூட்டிஃபை செய்யவும். உடனடி, உங்கள் உலாவியில்.

முயற்சிக்கவும்
📰

XML வடிவமைப்பாளர் & சரிபார்ப்பாளர்

உங்கள் உலாவியின் சொந்த DOM பார்சரைப் பயன்படுத்தி XML-ஐ அழகாக அச்சிட்டு சரிபார்க்கவும். தயாரிப்பு பயன்பாட்டிற்கான மினிஃபை செய்யப்பட்ட வெளியீடு அடங்கும்.

முயற்சிக்கவும்

அடிக்கடி கேட்கப்படும் கேள்விகள்