← Назад к функциям
Free

Кодировщик HTML сущностей

Кодировщик HTML сущностей преобразует специальные символы (< > & " ') в их эквиваленты HTML сущностей (&lt; &gt; &amp; &quot; &#39;) и обратно. Необходимо для безопасного отображения контента пользователя, встраивания кода в документацию или предотвращения XSS при отображении пользовательского ввода.

Когда вам нужно отобразить теги HTML в виде текста, встроить фрагменты кода на страницу или безопасно показать пользовательский контент, кодирование сущностей HTML - это ответ. Этот инструмент обеспечивает мгновенное двусторонне преобразование. Кодирование заменяет специальные символы HTML их эквивалентами сущностей, поэтому браузер отображает их буквально вместо интерпретации как разметки. Декодирование обращает процесс. Инструмент обрабатывает пять основных XML сущностей плюс числовые ссылки на сущности (&#NN; и &#xHH;), поэтому вы можете работать с любым кодированным контентом. Преобразование в реальном времени означает, что результат появляется при вводе, а кнопка обмена переворачивает входе и выходе для быстрой проверки туда-обратно.

Предпросмотр в реальном времени
example.com
Кодировщик HTML-сущностей Закодировать Декодировать
Ввод
<div class="box">Hello & welcome!</div>
Закодированный вывод
&lt;div class=&quot;box&quot;&gt;Hello &amp; welcome!&lt;/div&gt;
&lt; &gt; &amp; &quot; &#39;
Ключевые особенности

Кодирование специальных символов

Преобразует < > & " ' в &lt; &gt; &amp; &quot; &#39; - пять зарезервированных символов HTML, которые нужно кодировать для отображения в виде текста.

Декодирование ссылок сущности

Декодирует как именованные (&amp; &lt; &nbsp;), так и числовые (&#60; &#x3C;) ссылки на сущности обратно в исходные символы.

Однокликовое копирование

Скопируйте кодированный или декодированный результат одним кликом. Переместите результат непосредственно в свой HTML, документацию или исходный код.

Преобразование в реальном времени

Результат обновляется в реальном времени при вводе. Нет кнопки кодирования для нажатия - видите результаты мгновенно для быстрой итерации.

Обрабатывает числовые сущности

Поддерживает десятичные (&#65;) и шестнадцатеричные (&#x41;) числовые ссылки плюс именованные сущности, такие как &amp;nbsp;, &amp;copy;, &amp;trade;.

Проверка туда-обратно

Кодируйте, затем декодируйте результат, чтобы убедиться, что результат соответствует исходному - быстрый способ проверить, что вы безопасно обрабатываете контент.

Типичные сценарии использования

Встраивание кода в документацию

Чтобы отобразить теги HTML в виде буквального текста на странице markdown или HTML, кодируйте специальные символы - больше не случайно отображайте образец кода как разметку.

Предотвращение XSS

Перед возвращением пользовательского ввода на страницу кодируйте сущности HTML, чтобы нейтрализовать теги <script> и другие векторы инъекций.

Отладка неправильного HTML

Декодируйте ссылки на сущности в подозрительном результате, чтобы увидеть, какие символы были фактически созданы - помогает точно определить ошибки экранирования.

Миграция контента

Преобразуйте HTML с сущностями из одной системы (CMS, шаблон электронной почты) в простой текст для другой (поле базы данных, простой текст электронной почты).

Безопасность подсказок и атрибутов

Кодируйте контент перед вставкой в атрибуты HTML (title="...", data-*), чтобы кавычки и специальные символы не нарушали атрибут.

Как использовать
1

Откройте инструмент HTML сущности

Нажмите на значок HTML Entity в панели DevSuite Pro. Откроется панель редактора с переключением кодирования и декодирования.

2

Вставьте свой HTML или текст

Вставьте строку, которую вы хотите кодировать (необработанный HTML, который вы должны показать как текст) или декодировать (содержимое, полное сущностей, которое вы должны отобразить).

3

Выберите режим

Выберите кодирование для преобразования специальных символов в сущности или декодирование для преобразования сущностей обратно в исходные символы.

4

Прочитайте результат

Кодированный или декодированный результат появляется мгновенно в соседней панели - длинный ввод прокручивается и переносится по умолчанию.

5

Скопируйте результат

Нажмите Copy, чтобы получить результат. Вставьте в свою документацию, образец кода или страницу, обращенную к пользователю, для безопасного отображения.

Готовы попробовать?

Установите DevSuite Pro бесплатно и разблокируйте более 64 инструментов разработчика для вашего браузера.

Добавить в Chrome Добавить в Edge Добавить в FireFox