Як закодувати спеціальні символи як сутності HTML?

Виберіть «Кодувати», вставте текст чи HTML у поле введення, і результат «Закодований HTML» оновлюється під час друку. Виберіть «Іменовані», «Десяткові» або «Шістнадцяткові» сутності, потім скористайтеся «Копіювати». Лічильник показує, скільки символів закодовано.

Як декодувати сутності HTML назад у звичайний текст?

Перемкніться на «Декодувати» й вставте текст із сутностями, як-от & чи A. Інструмент перетворює іменовані, десяткові та шістнадцяткові сутності назад на символи й показує, скільки сутностей декодовано.

Як закодувати літери з діакритикою, емодзі та інші символи не з ASCII?

Увімкніть «Кодувати всі символи не з ASCII». Тоді кожен символ поза діапазоном ASCII перетворюється на сутність у вибраному стилі, а не лише поширені спеціальні символи, як-от кутові дужки й амперсанд.

Чи достатньо кодування HTML для запобігання XSS?

Кодування тексту користувача перед розміщенням у тілі елемента HTML не дає тегам сприйматися як розмітка. Це не повний захист у кожному контексті, як-от скрипти чи URL, тож використовуйте також екранування вашого фреймворку.

Чи можна перевірити результат, декодувавши його знову?

Так. Скористайтеся кнопкою «Використати як введення», щоб перенести результат у введення, потім перемкніть режим. Декодування закодованого результату має повернути ваш початковий текст.

Це справді безкоштовно?

Так. Кожен інструмент безкоштовний, без облікового запису та кредитної картки. Робота виконується на вашому пристрої, а не на наших серверах, що й дає змогу залишати її безкоштовною.

Працює на мобільних?

Так. Працює в сучасних мобільних браузерах на iOS і Android, нічого встановлювати не потрібно.

🏷️

Кодувальник та декодувальник HTML — безкоштовно

Кодуйте спеціальні символи в HTML-сутності або декодуйте сутності назад у звичайний текст. Миттєво у вашому браузері.

Працює у браузеріБез реєстрації та спливаючих віконРеєстрація не потрібнаБезкоштовно назавжди

Працює офлайн після завантаження

Результат:Іменовані (&)Десяткові (&)HexКодувати всі не-ASCII

Приклади:

Простий текст / HTML

Закодований HTML

Результат з'явиться тут...

Довідник поширених HTML-сутностей

©©

®®

™™

€€

——

……

Типові застосування

Кодування Вмісту для RSS-потоківКодуйте HTML-вміст для описів елементів RSS-потоку — вимагається стандартом RSS 2.0.
Дезинсектація Введення Користувача для Виведення HTMLКодуйте рядки, надані користувачем, перед їх вставленням в HTML — запобігайте атакам з ін'єкцією XSS.
Кодування Спеціальних Символів для Email HTMLКодуйте такі символи як &, <, > і © як HTML сутності, щоб вони правильно відтворювалися у всіх поштових клієнтах.
Кодування Контенту Користувача для Веб-відображенняЗапобігайте XSS атакам, кодуючи вміст, створений користувачами, перед відтворенням на HTML-сторінках.
Кодування Контенту для XMLКодуйте спеціальні символи для XML-файлів, RSS-потоків, карт сайтів і корисних навантажень SOAP.

Як це працює

Кодування й декодування HTML тут працює повністю у вашому браузері на власноруч написаних замінах регулярними виразами та вбудованій таблиці іменованих сутностей — без сторонніх бібліотек кодування й звернень до сервера. Для декодування рідкісних іменованих сутностей (як á чи “) інструмент звертається до власного HTML-парсера браузера як до безкоштовного запасного варіанта.

1
Регулярний вираз шукає символи для заміни
Під час кодування по введенню проходить один із двох регулярних виразів з підтримкою Unicode: вузький шаблон для ~25 поширених значущих для HTML і спеціальних символів або ширший, що ловить кожну кодову точку вище U+007F. Кожен збіг обробляється посимвольно.
2
Таблиця або codePointAt() дає сутність
Для іменованих сутностей знайдені символи шукаються у вбудованій таблиці (наприклад, & → &, © → ©). Для десяткового чи шістнадцяткового виводу String.codePointAt() отримує кодову точку Unicode й форматує її як &#NNN; або &#xNNN; — сурогатні пари обробляються правильно, бо регулярний вираз використовує прапорець Unicode 'u'.
3
Один прохід регулярного виразу декодує сутності назад у символи
Під час декодування один прохід регулярного виразу знаходить усі токени сутностей (&, A, A тощо) і передає кожен відповідному обробнику: шістнадцятковий parseInt(base 16), десятковий Number(), зворотний пошук іменованих або — для будь-якої сутності поза вбудованою таблицею — елемент textarea, чий innerHTML браузер розбирає нативно й повертає правильний символ зі своєї вбудованої таблиці сутностей.
4
Результат з’являється миттєво; копіювання через Clipboard API
Результат синхронно переобчислюється з кожним натисканням через useMemo у React. Копіювання використовує navigator.clipboard.writeText() — сучасний асинхронний Clipboard API — з тихою обробкою помилок в обмежених контекстах.