HTML гоёлолч ба жижигрүүлэгч — үнэгүй
HTML-г зохих үүр оруулалтын догол бүхий хэлбэрт оруулах эсвэл жижигрүүлэх. <pre>, <script>, <style> блок дахь агуулгыг хадгалдаг.
Файлаа энд чирж оруулах эсвэл дарж сонгоно уу
HTML, HTM · таны төхөөрөмж дээр боловсруулагдсан
эсвэл клипбордоос буулгахын тулд Ctrl+V дарна уу
Гаралт энд гарна...Түгээмэл хэрэглээ
- Сервер-форматлалт HTML алдаа олохСервер (PHP, Rails, Django, Node) зөвхөн HTML гаралтыг унших боломжтой оруулалтаар форматлалтыг үзэх.
- Email HTML загвар форматлахEmail HTML сайн (хүснэгт, суулганы стиль). Сохлопуу болгоход үл хүлээгдэх, удирдаж болно болгох.
- Статик HTML хуудсыг форматлахГараар үүсгэсэн статик HTML файлууд хамтарны засахын үүднээс даараалалын форматлалтаас сайн байдаг.
- CMS-Экспортлалт HTML цэвэрлэхWordPress, Wix, Squarespace экспортлалт HTML маш сайн байх байдаг. Сохлопуу болгоход үл хүлээгдэх болгох.
- HTML үйлдэлд жижигрүүлэхHTML файлын хэмжээ хөхөгөөс цэнэгийн үүднээс форматлалттай хүрээ сулруулахын үүднээс бууруулах.
Хэрхэн ажилладаг
Энэ хэрэгсэл хуудсанд шууд суулгасан гараар бичсэн tag-мэдрэмтгий tokenizer ашиглан HTML-г форматлах эсвэл шахах ажлыг гүйцэтгэдэг — гуравдагч талын форматлах номын сан, серверийн дамжуулалт хамааралгүй. Таны тэмдэглэгээний тэмдэгт бүр та бичих эсвэл буулгах мөчид локалиар боловсруулагддаг.
- 1Tokenizer тэмдэглэгээг скандажЗахиалгат тэмдэгт-тэмдэгтийн скэннер HTML мөрийг гүйж, тайлбар, DOCTYPE тодорхойлолт, нээх tag, хаах tag, өөрөө-хаагддаг void элемент (br, img, input гэх мэт), түүхий текст node-ыг тодорхойлдог. Тусгай туслагч quoted attribute утгыг хянадаг тул attribute доторх > шиг тэмдэгт (жишээ нь value="a>b") хэзээ ч tag-ыг эрт хуваахад хүргэдэггүй.
- 2Зайлуулгын гүн tag тутамд хянагддагBeautify горимд tokenizer гүний тоолуур барьдаг. Блок-түвшний нээх tag гүнийг нэмэгдүүлдэг; хаах tag бичигдэхийн өмнө буулгадаг. Inline элемент (span, a, strong, em гэх мэт) өөрийн зайлуулсан мөрөнд түлхэгдэхийн оронд агуулгатайгаа ижил мөрөнд хадгалагддаг. pre, script, style, textarea шиг tag дотоод агуулга нь хоосон зайд-мэдрэмтгий эсвэл гүйцэтгэх кодыг гэмтээхээс сэргийлж яг хэвээр гарна.
- 3Minifier хоосон зайг аюулгүйгээр нурааж байнаMinify горимд pre, script, style, textarea блокуудын агуулга ямар ч хоосон зайны нурал болохоос өмнө дугаарлагдсан sentinel-ээр солигддог. HTML тайлбар арилдаг, tag хоорондох хоосон зайны гүйлт арилдаг — зэргэлдээ inline элемент хооронд байхаас бусад, тэнд үг холбогдохгүйн тулд нэг хоосон зай хадгалагддаг. Sentinel орлуулагчид дараа нь эх агуулгаараа сэргээгддэг.
- 4Гаралт харагдаж, сонголтоор хадгалагддагФорматлагдсан эсвэл шахагдсан үр дүн хэмжээ-өөрчлөлтийн хувийн хамт гаралтын самбарт амьдаар харагдана. Та хөтчөөс гарахгүйгээр үүнийг clipboard руу хуулах эсвэл .html файл болгон татаж болно.
Холбоотой хэрэгслүүд
CSS гоёлолч
Шахсан CSS-ийг тогтмол догол мөрөөр цэгцлэх эсвэл шахах. Өөрчлөлтийг хялбар харьцуулахын тулд шинж чанаруудыг цагаан толгойн дарааллаар эрэмбэлэх сонголттой.
CSS багасгагч ба засварлагч
Файлын хэмжээг багасгахын тулд CSS-г жижигрүүлэх эсвэл уншихад хялбар болгохын тулд жижигрүүлсэн CSS-г засварлах. Агшин зуур, хөтчид.
XML засварлагч ба баталгаажуулагч
Хөтчийн байгалийн DOM задлагчийг ашиглан XML-г хэлбэрт оруулаж баталгаажуулах. Үйлдвэрлэлийн ашиглалтад зориулсан жижигрүүлсэн гаралтыг агуулна.