Преобразование выполняется прямо в браузере, а текст не загружается на сервер. Используйте Спецсимволы, когда нужен только безопасный HTML-текст, Именованные сущности для читаемых ссылок вроде © или числовые режимы, когда нужны десятичные либо шестнадцатеричные кодовые точки.
Кодер и декодер HTML-сущностей
Работает прямо в браузере - без загрузки файлов и регистрации.
Что такое кодер и декодер HTML-сущностей?
Кодер и декодер HTML-сущностей преобразует символы между читаемым текстом и HTML-ссылками на символы, например <, ©, © и 🌍. Он нужен, чтобы экранировать чувствительные к разметке символы перед вставкой текста в HTML или декодировать сущности из исходного кода обратно в обычный текст.
Как пользоваться
- 1Выберите Кодировать или Декодировать. Выберите Кодировать, чтобы превратить текст в HTML-сущности, или Декодировать, чтобы вернуть ссылки на сущности в читаемые символы.
- 2Выберите режим кодирования. Используйте Спецсимволы для безопасного HTML-текста, Именованные сущности для читаемых имен, а Decimal и Hex для числовых ссылок на кодовые точки.
- 3Вставьте текст. Результат обновляется сразу в панели вывода. Режим Декодировать обрабатывает именованные, десятичные и шестнадцатеричные ссылки одновременно.
- 4Скопируйте результат. Скопируйте закодированный или декодированный текст и вставьте его в HTML, шаблон, email или документацию.
Кому пригодится
- Веб-разработчики экранируют фрагменты с угловыми скобками, амперсандами, кавычками или апострофами перед показом их как текста.
- Контент-редакторы декодируют текст из CMS или email-шаблонов, где символы выглядят как
&, или©. - QA и службы поддержки проверяют, содержит ли сломанная страница сырой HTML или уже экранированные ссылки на сущности.
- Авторы документации готовят примеры с HTML-тегами так, чтобы браузер не воспринимал их как настоящую разметку.
Вопросы и ответы
Этот кодер HTML-сущностей бесплатный?
Да. Кодер и декодер HTML-сущностей можно использовать бесплатно, без регистрации, загрузки и лимита. Вставьте текст, выберите режим и скопируйте результат из браузера.
Мой текст куда-то загружается?
Нет. Кодирование и декодирование выполняются локально в браузере. Текст, вставленный в виджет, не отправляется на сервер, что полезно для приватных шаблонов, фрагментов исходного кода и обращений в поддержку.
Какие символы нужно кодировать для безопасного HTML?
Минимум экранируйте амперсанд, знак меньше, знак больше и кавычки, когда текст вставляется в HTML или в атрибут. Эти символы могут начать разметку, сущности или границы атрибута. Кодировать все не-ASCII символы на современных страницах UTF-8 необязательно.
Чем отличаются именованные, десятичные и шестнадцатеричные сущности?
Именованные сущности используют читаемые метки вроде <code>&copy;</code>. Десятичные числовые ссылки используют кодовые точки в системе счисления 10, например <code>&#169;</code>. Hex-ссылки используют систему счисления 16, например <code>&#xa9;</code>. Браузеры декодируют все три формы.
Декодер поддерживает эмодзи и неанглийский текст?
Да. Числовые ссылки могут представлять любую допустимую кодовую точку Unicode, включая эмодзи и нелатинские письменности. Например, <code>&#x1f30d;</code> декодируется в эмодзи глобуса, а именованные сущности вроде <code>&eacute;</code> - в буквы с акцентом.
Декодированный HTML выполнится как настоящая разметка?
Нет. Декодированный результат показывается в обычной textarea, поэтому теги внутри инструмента остаются текстом. Если скопировать декодированный вывод в HTML-документ, браузер уже будет воспринимать настоящие теги как разметку.
Почему дважды экранированный амперсанд декодировался только один раз?
<code>&amp;</code> - это сущность для буквального амперсанда. Одно декодирование дает <code>&</code>. Если строку кодировали несколько раз, может понадобиться больше одного декодирования, но делайте так только когда точно известно, что источник был экранирован дважды.