← Назад към функциите
Free

HTML Entity Encoder

HTML Entity Encoder преобразува специални символи (< > & " ') в техните HTML еквиваленти на ентитети (&lt; &gt; &amp; &quot; &#39;) и обратно. От съществено значение за безопасно показване на потребителско съдържание, вграждане на код в документация или предотвратяване на XSS при показване на потребителски вход.

Когато трябва да покажете HTML тагове като текст, да вградите откъси от код в страница или да покажете безопасно съдържание, изпратено от потребител, кодирането на HTML ентитети е решението. Този инструмент предлага мигновено двупосочно преобразуване. Кодирането заменя специалните HTML символи с техните еквиваленти на ентитети, така че браузърът да ги показва буквално, вместо да ги интерпретира като маркиране. Декодирането обръща процеса. Инструментът обработва петте основни XML ентитета плюс числови референции на ентитети (&#NN; и &#xHH;), за да можете да работите с всякакво кодирано съдържание. Преобразуването в реално време означава, че изходът се появява докато пишете, а бутон за размяна разменя вход и изход за бърза проверка при кръгово преобразуване.

Преглед на живо
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 Entity

Кликнете иконата HTML Entity в дока на DevSuite Pro. Отваря се панел с редактор с превключватели Encode и Decode.

2

Поставете вашия HTML или текст

Поставете низа, който искате да кодирате (суров HTML, който трябва да покажете като текст) или декодирате (съдържание с ентитети, което трябва да рендерирате).

3

Изберете режим

Изберете Encode, за да преобразувате специалните символи в ентитети, или Decode, за да преобразувате ентитетите обратно в суровите им символи.

4

Прочетете резултата

Кодираният или декодираният изход се появява мигновено в съседния панел — дългите входни данни могат да се превъртат и по подразбиране се пренасят на нов ред.

5

Копирайте резултата

Кликнете Copy, за да вземете изхода. Поставете го в документацията, примера с код или страницата за потребители, за да се рендерира безопасно.

Готови ли сте да опитате?

Инсталирайте DevSuite Pro безплатно и отключете 64+ инструмента за разработчици за вашия браузър.

Добавяне към Chrome Добави към Edge Добавяне към FireFox