ToolMill.io

HTML Entity Encode / Decode — Escape & Unescape HTML

HTML Entity Encode / Decode converts special characters like <, >, &, and quotes into safe HTML entities (and decodes them back). Use it when working with HTML attributes, templates, CMS editors, Markdown docs, or when debugging copy/paste issues. Handles common named entities (e.g. &lt;, &gt;, &amp;, &quot;) and numeric entities. Runs 100% locally in your browser — no uploads — and works offline after installing ToolMill as a PWA.

кодирование

Попробуй.

Примеры

Закодировать HTML для объектов
Ввод
<div>"x" & y</div>
выход
&lt;div&gt;&quot;x&quot; &amp; y&lt;/div&gt;
Декодировать HTML-объекты
Ввод
&lt;span title=&quot;Tom &amp; Jerry&quot;&gt;5 &amp;lt; 10&lt;/span&gt;
выход
<span title="Tom & Jerry">5 < 10</span>

Когда кодировать объекты HTML

Используйте кодирование сущности, когда вы хотите, чтобы символы, такие как угловые скобки, амперсанды или цитаты, отображались буквально, а не интерпретировались как разметка. Это особенно полезно для учебных пособий, полей CMS, документов Markdown, образцов кода, скопированных фрагментов и значений атрибутов HTML.

Что зашифровано

The most common cases are <, >, &, and quotes. Depending on the workflow, you may see named entities such as &lt; and &amp;, or numeric forms such as ' and '. Different editors may choose different forms while still rendering the same visible character.

Практические рабочие процессы

Эта страница полезна, когда вы хотите отобразить исходный HTML-источник в документации, очистить заполненный сущностью текст, скопированный из CMS или системы поддержки, декодировать уже ушедшие строки из экспорта или проверить, был ли вставленный фрагмент устранен один или несколько раз, прежде чем публиковать его.

Избегайте двойного кодирования

A common mistake is encoding text that already contains entities. For example, a plain ampersand becomes &amp;, but an existing &amp; encoded again becomes &amp;amp;. If the pasted input already looks escaped, check it carefully before clicking Encode.

Контекст все еще имеет значение

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

Конфиденциальность и локальная обработка

Прежде чем полагаться на текст, преобразованный в юридическое лицо, на веб-страницах или в кормах

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

Конверсия HTML-объектов может привести к небезопасным или нежелательным результатам

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

Как интерпретировать закодированный и декодированный HTML выход объекта

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

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

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