Кодировщик HTML-сущностей: экранирование

Кодировщик HTML-сущностей мгновенно экранирует < > & " или разэкранирует именованные, десятичные и шестнадцатеричные сущности обратно в текст.

Ваш текст экранируется и разэкранируется локально в вашем браузере, и ничего не загружается на сервер.

Создаёт и поддерживает Udit Agarwal

Экранируете текст для JSON? Попробуйте JSON Escape / Unescape.

Об инструменте Экранирование HTML

Кодировщик HTML-сущностей экранирует специальные символы HTML и разэкранирует сущности обратно в обычный текст прямо в вашем браузере. В режиме экранирования он преобразует пять специальных символов & < > " и ' в их безопасные формы сущностей (&amp;, &lt;, &gt;, &quot;, &#39;), так что вы можете экранировать HTML онлайн и отображать код, теги или пользовательский ввод внутри разметки, не ломая её. В режиме разэкранирования этот инструмент экранирования и разэкранирования HTML декодирует именованные сущности вроде &lt; и &nbsp;, а также десятичные (&#39;) и шестнадцатеричные (&#x27;) числовые ссылки обратно в исходные символы. Он создан для фронтенд- и бэкенд-разработчиков, технических писателей и QA-инженеров, работающих с шаблонами, email-вёрсткой или собранными страницами. Всё обрабатывается локально, поэтому ваши фрагменты не покидают устройство.

Возможности

  • Режим экранирования преобразует & < > " и ' в безопасные HTML-сущности
  • Режим разэкранирования декодирует именованные сущности вроде &lt;, &gt;, &quot;, &apos; и &nbsp;
  • Декодирует десятичные числовые сущности вроде &#39; обратно в символы
  • Декодирует шестнадцатеричные числовые сущности вроде &#x27; обратно в символы
  • Разрешает &amp; последним, чтобы уже экранированные амперсанды декодировались корректно
  • Переключение между экранированием и разэкранированием одним тумблером
  • Живое обновление вывода по мере ввода с копированием в один клик
  • Работает целиком в вашем браузере

Как использовать Экранирование HTML

  1. Выберите «Экранировать» для кодирования символов или «Разэкранировать» для декодирования сущностей.
  2. Вставьте ваш текст или HTML в поле ввода.
  3. Читайте преобразованный результат в панели вывода по мере ввода.
  4. Нажмите «Копировать», чтобы получить экранированный или разэкранированный результат.

Пример

Ввод

<a href="x">Tom & Jerry's</a>

Результат

&lt;a href=&quot;x&quot;&gt;Tom &amp; Jerry&#39;s&lt;/a&gt;

Режим экранирования превращает разметку и спецсимволы в безопасные HTML-сущности.

Частые ошибки и устранение неполадок

  • Вывод всё ещё показывает сырые < и > после экранирования. — Убедитесь, что вы в режиме «Экранировать»; режим «Разэкранировать» делает обратное и превращает сущности обратно в символы.
  • Именованная сущность вроде &copy; или &mdash; не декодируется. — Как именованные обрабатываются только &lt;, &gt;, &quot;, &apos; и &nbsp;; используйте числовую форму, например &#169; или &#8212;.
  • Дважды закодированный текст показывает &amp;lt; вместо <. — Запустите разэкранирование дважды, поскольку текст был экранирован более одного раза, и каждый проход декодирует один слой.
  • Ожидание, что экранирование сделает ненадёжный HTML безопасным для вывода. — Экранирование предотвращает инъекцию разметки для обычного текста, но всегда очищайте ненадёжный HTML специальным санитайзером перед его рендерингом.

Часто задаваемые вопросы

Что такое кодировщик HTML-сущностей и что он экранирует?
Кодировщик HTML-сущностей экранирует пять специальных символов HTML: & становится &amp;, < становится &lt;, > становится &gt;, " становится &quot;, а ' становится &#39;.
Как разэкранировать HTML-сущности обратно в текст?
Переключите кодировщик HTML-сущностей в режим «Разэкранировать» и вставьте текст; он декодирует &lt;, &gt;, &quot;, &apos; и &nbsp;, а также десятичные (&#39;) и шестнадцатеричные (&#x27;) числовые ссылки.
Делает ли экранирование HTML пользовательский ввод безопасным для отображения?
Экранирование предотвращает инъекцию разметки, когда вы выводите текст как содержимое, но вам всё равно следует очищать ненадёжный HTML перед его рендерингом как разметки.
Может ли кодировщик HTML-сущностей обрабатывать числовые символьные ссылки?
Да. Режим разэкранирования преобразует как десятичные ссылки вроде &#169;, так и шестнадцатеричные вроде &#xA9; обратно в их символы.
Почему &amp; декодируется после остальных сущностей?
Кодировщик HTML-сущностей разрешает &amp; последним, чтобы уже экранированные последовательности вроде &amp;lt; разэкранировались по одному слою за раз, а не схлопывались некорректно.
Загружается ли мой текст куда-либо при использовании кодировщика HTML-сущностей?
Нет. Кодировщик HTML-сущностей обрабатывает всё локально в вашем браузере, поэтому ваш текст не покидает устройство.

Связанные инструменты

Другие инструменты: Кодирование / Декодирование

  • Конвертер систем счисления — Преобразуйте целые числа между двоичной, восьмеричной, десятичной и шестнадцатеричной системами.
  • Генератор QR-кодов — Создайте QR-код из текста или URL; скачайте как PNG или SVG.
  • Mojibake Fixer — Исправляйте искажённый текст вроде Café обратно в Café прямо в браузере.
  • Protobuf Decoder — Декодируйте бинарное сообщение Protocol Buffers без схемы .proto из hex или base64.
  • Кодировщик Base32 — Кодируйте текст в Base32 по RFC 4648 и декодируйте его обратно.
  • Азбука Morse — Переводите текст в код Morse и обратно и слушайте его сигналами.
  • Текст в двоичный код — Преобразуйте текст в двоичный, HEX или десятичный вид и декодируйте обратно.
  • Кодировщик Base58 — Кодируйте и декодируйте Base58 с алфавитом Bitcoin из текста или HEX.
  • Генератор ULID — Создаёт и декодирует сортируемые ULID, конвертирует в UUID
  • Генератор Snowflake ID — Строит и декодирует 64-битные Snowflake ID Twitter и Discord
  • Декодер шифра Caesar — Шифры Caesar, ROT13, ROT47 и Atbash плюс перебор всех 25 сдвигов
  • Конвертер римских цифр — Числа в римские цифры и обратно, диапазон 1–3999 и надчёркивание

Все инструменты: Кодирование / Декодирование (31) · Все инструменты