← Назад до функцій
Free

HTML Кодувальник сутностей

HTML Кодувальник сутностей перетворює спецсимволи (< > & " ') на їхні HTML-сутності (&lt; &gt; &amp; &quot; &#39;) та назад. Незамінний для безпечного відображення користувацького вмісту, вбудовування коду в документацію чи запобігання XSS під час показу введених користувачем даних.

Коли потрібно показати HTML-теги як текст, вбудувати фрагменти коду на сторінці чи безпечно відобразити вміст, надісланий користувачем, кодування HTML-сутностей — це рішення. Цей інструмент забезпечує миттєве двостороннє перетворення. Кодування замінює спецсимволи HTML на відповідні сутності, тож браузер показує їх буквально, а не інтерпретує як розмітку. Декодування виконує зворотну дію. Інструмент обробляє п'ять основних XML-сутностей, а також числові посилання на сутності (&#NN; та &#xHH;), тож ви можете працювати з будь-яким закодованим вмістом. Конвертація в реальному часі означає, що результат з'являється під час введення, а кнопка обміну міняє місцями введення й виведення для швидкої перевірки зворотного перетворення.

Live-перегляд
example.com
Кодувальник HTML-сутностей Кодувати Декодувати
Вхідні дані
<div class="box">Hello & welcome!</div>
Закодований вивід
&lt;div class=&quot;box&quot;&gt;Hello &amp; welcome!&lt;/div&gt;
&lt; &gt; &amp; &quot; &#39;
Основні функції

Кодування спецсимволів

Перетворює < > & " ' на &lt; &gt; &amp; &quot; &#39; — п'ять зарезервованих HTML-символів, які потрібно кодувати, щоб вони відображалися як текст.

Декодування посилань на сутності

Декодує як іменовані (&amp; &lt; &nbsp;), так і числові (&#60; &#x3C;) посилання на сутності назад у оригінальні символи.

Копіювання в один клік

Копіюйте закодований або декодований результат одним кліком. Переносьте виведення прямо у ваш HTML, документацію чи вихідний код.

Конвертація в реальному часі

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

Підтримка числових сутностей

Підтримує десяткові (&#65;) та шістнадцяткові (&#x41;) числові посилання, а також іменовані сутності на кшталт &amp;nbsp;, &amp;copy;, &amp;trade;.

Перевірка зворотного перетворення

Закодуйте, а потім декодуйте результат, щоб переконатися, що виведення збігається з оригіналом — швидкий спосіб перевірити безпечну обробку вмісту.

Поширені сценарії використання

Вбудовування коду в документацію

Щоб показати HTML-теги як звичайний текст у markdown- чи HTML-сторінці, закодуйте спецсимволи — і ваш приклад коду більше не відобразиться як розмітка.

Запобігання XSS

Перед тим як виводити користувацьке введення назад на сторінку, закодуйте HTML-сутності, щоб нейтралізувати теги <script> та інші вектори ін'єкцій.

Налагодження некоректного HTML

Декодуйте посилання на сутності в підозрілому виведенні, щоб побачити, які символи насправді утворилися — допомагає знайти помилки екранування.

Міграція вмісту

Перетворюйте HTML із сутностями з однієї системи (CMS, шаблон листа) у звичайний текст для іншої (поле бази даних, текстовий лист).

Безпека підказок і атрибутів

Кодуйте вміст перед вставленням у HTML-атрибути (title="...", data-*), щоб лапки та спецсимволи не порушували атрибут.

Як користуватися
1

Відкрийте інструмент HTML-сутностей

Натисніть іконку HTML-сутностей на панелі DevSuite Pro. Відкриється панель редактора з перемикачами «Кодувати» й «Декодувати».

2

Вставте ваш HTML або текст

Вставте рядок, який потрібно закодувати (необроблений HTML, який треба показати як текст), або декодувати (насичений сутностями вміст, який треба відобразити).

3

Оберіть режим

Оберіть «Кодувати», щоб перетворити спецсимволи на сутності, або «Декодувати», щоб перетворити сутності назад у їхні первинні символи.

4

Перегляньте результат

Закодований або декодований результат з'являється миттєво на сусідній панелі — довгий текст прокручується та переноситься за замовчуванням.

5

Скопіюйте результат

Натисніть «Копіювати», щоб отримати результат. Вставте його у документацію, приклад коду чи сторінку для користувачів, щоб він безпечно відобразився.

Готові спробувати?

Встановіть DevSuite Pro безкоштовно та отримайте понад 64 інструментів розробника

Додати в Chrome Додати в Edge Додати в FireFox