រំលងទៅខ្លឹមសារមេ

ធ្វើឱ្យស្អាត & Minify HTML ឥតគិតថ្លៃ

Pretty-print ឬ minify HTML ជាមួយ indentation nesting ត្រឹមត្រូវ។ រក្សា content ខាងក្នុង <pre>, <script>, <style> block។

ធ្វើការក្រៅបណ្តាញនៅពេលបានផ្ទុករួច

ទម្លាក់ឯកសារនៅទីនេះ ឬចុចដើម្បីរកមើល

HTML, HTM · ដំណើរការលើឧបករណ៍របស់អ្នក

ឬចុច Ctrl+V ដើម្បីបិទភ្ជាប់ពីក្ដារតម្បៀតខ្ទាស់

រុករកឯកសារ
HTML ដែលបានតុបតែង
លទ្ធផលនឹងបង្ហាញនៅទីនេះ…

ការប្រើប្រាស់ទូទៅ

  • ក្មេងៗ សេវាម៉ាស-បង្ហាញ 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. 1
    កម្មវិធីធ្វើ token ស្កេន markup
    ម៉ាស៊ីនស្កេនតួអក្សរដោយតួអក្សរតាមបំណងដើរតាម string HTML កំណត់សេចក្តីអធិប្បាយ សេចក្តីប្រកាស DOCTYPE tag បើក tag បិទ ធាតុទទេបិទខ្លួនឯង (br, img, input ។ល។) និងថ្នាំង text ដើម។ ជំនួយការឧទ្ទិសមួយតាមដានតម្លៃគុណលក្ខណៈក្នុងសញ្ញាដកស្រង់ ដូច្នេះតួអក្សរដូចជា > ក្នុងគុណលក្ខណៈ (ឧទាហរណ៍ value="a>b") មិនដែលធ្វើឱ្យ tag បំបែកមុនពេលទេ។
  2. 2
    ជម្រៅចូលបន្ទាត់ត្រូវបានតាមដានក្នុងមួយ tag
    សម្រាប់របៀបតុបតែង កម្មវិធីធ្វើ token រក្សាកម្មវិធីរាប់ជម្រៅ។ tag បើកកម្រិតប្លុកបង្កើនជម្រៅ; tag បិទបន្ថយវាមុននឹងសរសេរ។ ធាតុក្នុងបន្ទាត់ (span, a, strong, em ។ល។) ត្រូវបានរក្សាលើបន្ទាត់ដូចខ្លឹមសាររបស់ពួកវាជំនួសឱ្យការរុញទៅបន្ទាត់ចូលដោយឡែករបស់ពួកវា។ Tags ដូចជា pre, script, style និង textarea មានខ្លឹមសារខាងក្នុងបានផ្សព្វផ្សាយ verbatim ដើម្បីជៀសវាងធ្វើឱ្យខូចកូដដឹងអំពីចន្លោះ ឬអាចប្រតិបត្តិ។
  3. 3
    កម្មវិធីបង្រួមបង្រួមចន្លោះដោយសុវត្ថិភាព
    នៅរបៀបបង្រួម ខ្លឹមសារនៃប្លុក pre, script, style និង textarea ត្រូវបានប្តូរចេញសម្រាប់ sentinels មានលេខមុននឹងការបង្រួមចន្លោះណាមួយកើតឡើង។ សេចក្តីអធិប្បាយ HTML ត្រូវបានដកចេញ ហើយជួរចន្លោះរវាង tags ត្រូវបានដកចេញ — លើកលែងតែរវាងធាតុក្នុងបន្ទាត់ជាប់គ្នា កន្លែងចន្លោះតែមួយត្រូវបានរក្សាដូច្នេះពាក្យមិនរួមចូលគ្នាទេ។ ការកាន់កាប់ sentinel បន្ទាប់មកត្រូវបានស្តារទៅខ្លឹមសារដើមរបស់ពួកវា។
  4. 4
    លទ្ធផលត្រូវបានបង្ហាញ និងជម្រើសរក្សាទុក
    លទ្ធផលដែលបានធ្វើទ្រង់ទ្រាយ ឬបានបង្រួមលេចឡើងផ្ទាល់ក្នុងផ្ទាំងលទ្ធផលរួមជាមួយភាគរយផ្លាស់ប្តូរទំហំ។ អ្នកអាចចម្លងវាទៅក្ដារតម្បៀតខ្ទាស់ ឬទាញយកវាជាឯកសារ .html ទាំងអស់ដោយមិនចាកចេញពីកម្មវិធីរុករកទេ។

ឧបករណ៍ពាក់ព័ន្ធ

សំណួរដែលសួរជាញឹកញាប់