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