Что такое кодировщик HTML-сущностей и что он экранирует?

Кодировщик HTML-сущностей экранирует пять специальных символов HTML: & становится &, становится >, " становится ", а ' становится '.

Как разэкранировать HTML-сущности обратно в текст?

Переключите кодировщик HTML-сущностей в режим «Разэкранировать» и вставьте текст; он декодирует <, >, ", ' и , а также десятичные (') и шестнадцатеричные (') числовые ссылки.

Делает ли экранирование HTML пользовательский ввод безопасным для отображения?

Экранирование предотвращает инъекцию разметки, когда вы выводите текст как содержимое, но вам всё равно следует очищать ненадёжный HTML перед его рендерингом как разметки.

Может ли кодировщик HTML-сущностей обрабатывать числовые символьные ссылки?

Да. Режим разэкранирования преобразует как десятичные ссылки вроде ©, так и шестнадцатеричные вроде © обратно в их символы.

Почему & декодируется после остальных сущностей?

Кодировщик HTML-сущностей разрешает & последним, чтобы уже экранированные последовательности вроде < разэкранировались по одному слою за раз, а не схлопывались некорректно.

Загружается ли мой текст куда-либо при использовании кодировщика HTML-сущностей?

Нет. Кодировщик HTML-сущностей обрабатывает всё локально в вашем браузере, поэтому ваш текст не покидает устройство.

Экранирование HTML

Экранируйте и разэкранируйте специальные символы и сущности HTML.

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

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

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

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

Возможности

Режим экранирования преобразует & < > " и ' в безопасные HTML-сущности
Режим разэкранирования декодирует именованные сущности вроде <, >, ", ' и  
Декодирует десятичные числовые сущности вроде ' обратно в символы
Декодирует шестнадцатеричные числовые сущности вроде ' обратно в символы
Разрешает & последним, чтобы уже экранированные амперсанды декодировались корректно
Переключение между экранированием и разэкранированием одним тумблером
Живое обновление вывода по мере ввода с копированием в один клик
Работает целиком в вашем браузере

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

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

Пример

Ввод

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

Результат

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

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

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

Вывод всё ещё показывает сырые < и > после экранирования. — Убедитесь, что вы в режиме «Экранировать»; режим «Разэкранировать» делает обратное и превращает сущности обратно в символы.
Именованная сущность вроде © или — не декодируется. — Как именованные обрабатываются только <, >, ", ' и  ; используйте числовую форму, например © или —.
Дважды закодированный текст показывает &lt; вместо <. — Запустите разэкранирование дважды, поскольку текст был экранирован более одного раза, и каждый проход декодирует один слой.
Ожидание, что экранирование сделает ненадёжный HTML безопасным для вывода. — Экранирование предотвращает инъекцию разметки для обычного текста, но всегда очищайте ненадёжный HTML специальным санитайзером перед его рендерингом.

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

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

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

Кодирование / Декодирование URL — Кодируйте и декодируйте компоненты URL.
Кодирование / Декодирование Base64 — Безопасное кодирование и декодирование Base64 в UTF-8.
Экранирование JSON — Экранируйте текст в строку JSON или разэкранируйте строку JSON в обычный текст.
Разбор URL — Разбейте URL на части и просмотрите список параметров запроса.
Форматировщик HTML — Форматируйте или минифицируйте HTML, форматируйте встроенный CSS/JS и просматривайте результат.
Форматировщик XML — Форматируйте, минифицируйте и проверяйте XML, преобразуйте XML ↔ JSON.
Предпросмотр Markdown — Преобразуйте Markdown в HTML с предпросмотром в реальном времени.
Конвертер регистра — Преобразуйте текст между camelCase, snake_case, kebab-case, PascalCase и другими.