HTML/XML Formatter

Форматування чи мінімізація HTML і XML, пошук вузлів через CSS-селектор чи XPath і перетворення HTML-сутностей — просто в браузері.

Про HTML/XML Formatter

Що це

HTML/XML Formatter робить розмітку читабельною чи компактною й водночас перевіряє її: незакритий чи невідповідний тег показано з рядком і стовпцем. CSS-селектор чи вираз XPath звужують результат до потрібних вузлів. Друга вкладка екранує й розекрановує HTML-сутності.

Основні можливості

  • Форматування з відступом у 2 чи 4 пробіли або табуляцією, чи мінімізація.
  • HTML і XML, з помилками, що вказують рядок і стовпець; JSX/TSX як експериментальний режим.
  • Перенесення атрибутів: автоматично, по одному на рядок чи в рядку.
  • CSS-селектор чи XPath, що лишають лише відповідні вузли.
  • HTML-сутності: екранування й розекранування, лише HTML-символів чи всіх не-ASCII.

Як користуватися

  1. Вставте розмітку в редактор, перетягніть на нього файл або натисніть «Приклад».
  2. Оберіть тип документа й дію: форматувати чи мінімізувати, з потрібним відступом.
  3. За потреби введіть «CSS-селектор» чи «XPath», щоб лишити тільки частину результату.
  4. Для сутностей відкрийте «HTML-сутності»; потім скопіюйте результат чи надішліть його далі.

Коли корисно

  • Прочитати мінімізовану сторінку чи шаблон листа.
  • Знайти зламаний тег у великому XML-фіді чи sitemap.
  • Витягнути всі посилання чи ціни зі сторінки селектором.

Конфіденційність та обмеження

Ваші дані

Ваша розмітка обробляється в браузері й не надсилається на сервер; посилання й скрипти в ній не завантажуються й не виконуються — сайт отримує лише анонімну подію «інструмент відкрито», без вмісту. Результат, надісланий в інший інструмент, зберігається на цьому пристрої 24 години в «Останніх діях». Посилання «Поділитися» містить розмітку в самій адресі, тож надсилайте його лише тим, кому довіряєте.

Обмеження

  • Режим JSX/TSX експериментальний: вирази JavaScript і компоненти поки розуміються не повністю.
  • XML знає лише п'ять наперед визначених сутностей; решту, як-от  , треба записувати числовими посиланнями.

Поширені запитання

Що обрати: HTML чи XML?

HTML поблажливий — деякі теги можуть лишатися відкритими, як дозволяють браузери. XML суворий: кожен тег закривається, атрибути беруться в лапки, а корінь лише один. Обирайте те, чим є ваш файл насправді.

Чим допомагають CSS-селектор і XPath?

Вони лишають лише потрібні вузли — наприклад, a.product-link чи //item/price, — тож можна прочитати чи скопіювати лише цю частину великого документа.

Що робить «Усі не-ASCII»?

Окрім <, >, & і лапок, він перетворює на сутність кожен символ поза ASCII — літери з діакритикою, кирилицю, емодзі — для систем, що приймають лише чистий ASCII.