Перейти к содержимому
Toolars
Каталог
Сообщить об ошибке

Разработка · утилита · Локально

Кодирование / декодирование HTML

HTML Encoder / Decoder

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

Путь задачи / от ввода к результату

Выберите «Кодировать» или «Декодировать»

Работает локально · Ничего не загружается на сервер

Как работает Кодирование / декодирование HTML, конфиденциальность и похожие инструменты

Путь задачи / от ввода к результату

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

  1. 01

    Выберите «Кодировать» или «Декодировать»

    Выберите направление во вкладках режима. «Кодировать» превращает разметку в отображаемый текст, который можно вставить в документацию; «Декодировать» раскрывает символьные ссылки обратно в настоящие символы, которые можно прочитать. Подписи обеих панелей всегда показывают, какое направление активно.

  2. 02

    Вставьте содержимое

    Используйте поле «HTML или обычный текст» при кодировании или поле «HTML-сущности» при декодировании. Результат обновляется в реальном времени по мере ввода, а «Загрузить пример» показывает небольшой пример туда и обратно с тегом и ссылкой на эмодзи.

  3. 03

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

    Кодирование экранирует ровно пять символов, которые ломают разметку: &, <, >, " и ' становятся &amp;, &lt;, &gt;, &quot; и &#39; — а декодирование раскрывает именованные и числовые символьные ссылки через собственный парсер браузера. Всё остальное в тексте проходит нетронутым, поэтому фрагмент вроде &lt;strong&gt; при декодировании возвращается настоящим тегом.

  4. 04

    Пройдите круг с «Поменять местами»

    «Поменять местами» возвращает результат во ввод с выбранным противоположным режимом, так что можно закодировать фрагмент, поменять местами и декодировать снова, чтобы убедиться, что текст переживает круг без изменений. Подписи панелей переключаются вместе с режимом, поэтому текущее направление всегда видно.

  5. 05

    Скопируйте или скачайте

    «Копировать результат» отправляет результат в буфер обмена, а «Скачать .txt» сохраняет его как toolars-html-entities.txt — чтобы передать коллеге или приложить к тикету. «Очистить» опустошает обе панели для следующего фрагмента.

Факты об инструменте

Обработка
В вашем браузере
Ввод покидает устройство
Никогда
Хранение
Ничего не сохраняется
Цена
Бесплатно

Ваши данные остаются в браузере.

Кодирование / декодирование HTML использует проверенный путь локального выполнения и не создаёт скрытую историю ввода и вывода.

Локальное выполнение

Работает внутри текущей вкладки браузера.

Никакой скрытой обработки

Активные данные инструмента никогда не становятся записями документов Toolars.

Аккаунт не требуется

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

Мгновенный сброс

Закройте вкладку — и рабочие данные исчезнут.

Что на самом деле делает Кодирование / декодирование HTML

Учебнику нужно показать фрагмент разметки так, чтобы браузер не проглотил теги; выгрузка из CMS возвращается усыпанной &amp; и &#39;, и кто-то должен её прочитать; шаблон раз за разом ломается из-за голой кавычки в значении атрибута. Кодирование / декодирование HTML обрабатывает оба направления локально, а кнопка «Поменять местами» превращает проверку круга в два клика — и это самый быстрый способ увидеть, как сохранённая выгрузка будет выглядеть после разбора браузером. Черновой контент и неопубликованные страницы никогда не покидают вкладку, и никакая учётная запись не стоит между вами и результатом.

Частые вопросы

Какие символы экранирует «Кодировать»?
Ровно пять: &, <, >, двойная и одинарная кавычки, которые становятся &amp;, &lt;, &gt;, &quot; и &#39;. Всё остальное остаётся как набрано, поэтому обычный текст в закодированном выводе остаётся читаемым, а меняются только символы, которые сломали бы разметку или атрибуты.
Какие сущности может раскрыть «Декодировать»?
Decode обрабатывает именованные ссылки вроде &amp;, десятичные &#38; и шестнадцатеричные &#x26; через HTML-парсер браузера. Неизвестные ссылки остаются буквальным текстом. Некоторые именованные ссылки распознаются и без завершающей точки с запятой, поэтому её отсутствие не гарантирует сохранения исходного текста.
Кодирование — это то же самое, что санитарная обработка HTML?
Нет. Кодирование экранирует пять символов, чтобы разметка отображалась как текст; это шаг представления, а не фильтр безопасности, предназначенный для учебников, документации и примеров кода. Не считайте закодированный вывод заменой настоящей политике санитарной обработки, когда вы действительно собираетесь отрисовывать пользовательский контент.
Почему апостроф становится &#39;, а не &apos;?
Кодировщик использует числовую ссылку &#39;, которую любой HTML-парсер принимает и в HTML, и в XHTML-контекстах. Она декодируется обратно в обычный апостроф через любой соответствующий стандартам парсер, включая собственный парсер браузера.
Что будет, если декодировать текст без сущностей?
Он вернётся без изменений. Декодирование переписывает только распознанные символьные ссылки, поэтому обычный текст проходит как есть, и неизвестное содержимое можно спокойно прогнать через «Декодировать», чтобы проверить, есть ли в нём сущности вообще.
Загружается ли моя разметка куда-либо?
Нет. Оба направления выполняются полностью внутри текущей вкладки браузера, ввод никуда не отправляется и не сохраняется, а учётная запись не требуется.

Продолжить: Разработка

Связанные задачи, а не тупик.

Перейдите в другую сфокусированную рабочую область, не возвращаясь к полному каталогу.

Код в изображение

Code to Image Converter

Экспортируйте код с подсветкой в PNG или SVG: шесть языков, светлая и тёмная темы, номера строк, заголовок окна и масштаб 1x или 2x.

Создание

Генератор URL-слагов

URL Slug Generator

Превращайте заголовки в чистые слаги с дефисами или подчёркиваниями: диакритика снимается, амперсанды разворачиваются, нелатиница сохраняется.

Создание

Генератор теней React Native

React Native Shadow Generator

Сравнивайте устаревшие тени и boxShadow в React Native, настраивайте вывод для iOS и Android рядом и копируйте код StyleSheet.

Создание

Кодирование / декодирование Base64

Base64 Encoder/Decoder

Кодируйте Unicode-текст в Base64 и обратно с живой валидацией, режимами URL-safe и UTF-8 и кнопкой обмена для круговых проверок.

Конвертация