ធ្វើឱ្យស្អាត & Minify HTML ឥតគិតថ្លៃ
Pretty-print ឬ minify HTML ជាមួយ indentation nesting ត្រឹមត្រូវ។ រក្សា content ខាងក្នុង <pre>, <script>, <style> block។
ទម្លាក់ឯកសារនៅទីនេះ ឬចុចដើម្បីរកមើល
HTML, HTM · ដំណើរការលើឧបករណ៍របស់អ្នក
ឬចុច Ctrl+V ដើម្បីបិទភ្ជាប់ពីក្ដារតម្បៀតខ្ទាស់
លទ្ធផលនឹងបង្ហាញនៅទីនេះ…ការប្រើប្រាស់ទូទៅ
- ក្មេងៗ សេវាម៉ាស-បង្ហាញ HTMLមើល ឯក HTML ពេលលម្អ ពី ឯក ម៉ាស (PHP, Rails, Django, Node) នៅក្នុង ឆាប់រហ័ស រង្វាក់ រូបមន្ត។
- ឌាក់ Email HTML សំណាងEmail HTML គឺ ច្រើន-ពាក្យ (តារាង ធានាផ្នែក ឆាប់រហ័ស)។ ឌាក់ ដើម្បី គាត់ វា សម្រាប់ កែប្រែ និង ថែទាំង។
- ឌាក់ ស្ថិរ HTML ទំព័រដោយ-រៀបចំ ស្ថិរ HTML ឯក ឯង ក្ខម ពី ឯកតា ឌាក់ សម្រាប់ សហ កែប្រែ។
- សម្អាត CMS-នាំចេញ HTMLWordPress, Wix, Squarespace នាំចេញ HTML ដែល មាន លេខ វត្ថុ។ ឌាក់ ដើម្បី គាត់ វា សម្រាប់ កែប្រែ។
- Minify HTML សម្រាប់ ផលិតកម្មបន្ថយ HTML ឯក ឯង ធំ សម្រាប់ ឆាប់រហ័ស ទំព័របង្ហូរ ដោយ ដែច សភាវៈ និង មិន ចាំបាច់ អក្ខរ។
វាដំណើរការដោយរបៀបណា
ឧបករណ៍នេះធ្វើទ្រង់ទ្រាយ ឬបង្រួម HTML ដោយប្រើកម្មវិធីធ្វើ token ដឹងអំពី tag សរសេរដោយដៃបង្កើតដោយផ្ទាល់ក្នុងទំព័រ — គ្មានបណ្ណាល័យធ្វើទ្រង់ទ្រាយតតិយភាគី គ្មានការធ្វើដំណើររង្វិលជុំម៉ាស៊ីនមេទេ។ តួអក្សរនីមួយៗនៃ markup របស់អ្នកត្រូវបានដំណើរការនៅក្នុងស្រុកនៅកម្មវិធីរុករកភ្លាមៗពេលអ្នកវាយ ឬបិទភ្ជាប់វា។
- 1កម្មវិធីធ្វើ token ស្កេន markupម៉ាស៊ីនស្កេនតួអក្សរដោយតួអក្សរតាមបំណងដើរតាម string HTML កំណត់សេចក្តីអធិប្បាយ សេចក្តីប្រកាស DOCTYPE tag បើក tag បិទ ធាតុទទេបិទខ្លួនឯង (br, img, input ។ល។) និងថ្នាំង text ដើម។ ជំនួយការឧទ្ទិសមួយតាមដានតម្លៃគុណលក្ខណៈក្នុងសញ្ញាដកស្រង់ ដូច្នេះតួអក្សរដូចជា > ក្នុងគុណលក្ខណៈ (ឧទាហរណ៍ value="a>b") មិនដែលធ្វើឱ្យ tag បំបែកមុនពេលទេ។
- 2ជម្រៅចូលបន្ទាត់ត្រូវបានតាមដានក្នុងមួយ tagសម្រាប់របៀបតុបតែង កម្មវិធីធ្វើ token រក្សាកម្មវិធីរាប់ជម្រៅ។ tag បើកកម្រិតប្លុកបង្កើនជម្រៅ; tag បិទបន្ថយវាមុននឹងសរសេរ។ ធាតុក្នុងបន្ទាត់ (span, a, strong, em ។ល។) ត្រូវបានរក្សាលើបន្ទាត់ដូចខ្លឹមសាររបស់ពួកវាជំនួសឱ្យការរុញទៅបន្ទាត់ចូលដោយឡែករបស់ពួកវា។ Tags ដូចជា pre, script, style និង textarea មានខ្លឹមសារខាងក្នុងបានផ្សព្វផ្សាយ verbatim ដើម្បីជៀសវាងធ្វើឱ្យខូចកូដដឹងអំពីចន្លោះ ឬអាចប្រតិបត្តិ។
- 3កម្មវិធីបង្រួមបង្រួមចន្លោះដោយសុវត្ថិភាពនៅរបៀបបង្រួម ខ្លឹមសារនៃប្លុក pre, script, style និង textarea ត្រូវបានប្តូរចេញសម្រាប់ sentinels មានលេខមុននឹងការបង្រួមចន្លោះណាមួយកើតឡើង។ សេចក្តីអធិប្បាយ HTML ត្រូវបានដកចេញ ហើយជួរចន្លោះរវាង tags ត្រូវបានដកចេញ — លើកលែងតែរវាងធាតុក្នុងបន្ទាត់ជាប់គ្នា កន្លែងចន្លោះតែមួយត្រូវបានរក្សាដូច្នេះពាក្យមិនរួមចូលគ្នាទេ។ ការកាន់កាប់ sentinel បន្ទាប់មកត្រូវបានស្តារទៅខ្លឹមសារដើមរបស់ពួកវា។
- 4លទ្ធផលត្រូវបានបង្ហាញ និងជម្រើសរក្សាទុកលទ្ធផលដែលបានធ្វើទ្រង់ទ្រាយ ឬបានបង្រួមលេចឡើងផ្ទាល់ក្នុងផ្ទាំងលទ្ធផលរួមជាមួយភាគរយផ្លាស់ប្តូរទំហំ។ អ្នកអាចចម្លងវាទៅក្ដារតម្បៀតខ្ទាស់ ឬទាញយកវាជាឯកសារ .html ទាំងអស់ដោយមិនចាកចេញពីកម្មវិធីរុករកទេ។
ឧបករណ៍ពាក់ព័ន្ធ
ធ្វើឱ្យស្អាត CSS
រៀបចំ CSS ដែលបានបង្រួមឱ្យមានការចូលបន្ទាត់ស្មើគ្នា ឬបង្រួម CSS។ មានជម្រើសតម្រៀបលក្ខណៈតាមអក្ខរក្រម ដើម្បីប្រៀបធៀបភាពខុសគ្នាបានងាយស្រួល។
CSS Minifier & ធ្វើឱ្យស្អាត
Minify CSS ដើម្បីកាត់បន្ថយទំហំឯកសារ ឬ beautify CSS ដែល minify ហើយសម្រាប់ការអាន។ ភ្លាមៗ ក្នុងកម្មវិធីរុករករបស់អ្នក។
កម្មវិធីរៀបចំទម្រង់ និងផ្ទៀងផ្ទាត់ XML
Pretty-print និង validate XML ដោយប្រើ DOM parser native របស់កម្មវិធីរុករករបស់អ្នក។ រួមបញ្ចូលលទ្ធផល minified សម្រាប់ប្រើ production។