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

Абярыце «Закадаваць», уставьце тэкст або HTML у поле ўводу, і вынік «Закадаваны HTML» абнаўляецца па меры набору. Абярыце «Іменаваныя», «Дзесятковыя» або «Шаснаццатковыя» сутнасці, потым націсніце «Капіяваць». Лічыльнік паказвае, колькі сімвалаў закадавана.

Як раскадаваць HTML-сутнасці назад у звычайны тэкст?

Пераключыцеся на «Раскадаваць» і ўстаўце тэкст з сутнасцямі, напрыклад & або A. Інструмент ператварае іменаваныя, дзесятковыя і шаснаццатковыя сутнасці назад у сімвалы і паказвае, колькі сутнасцей раскадавана.

Як закадаваць літары з дыякрытыкамі, эмодзі і іншыя сімвалы па-за ASCII?

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

Ці дастаткова HTML-кадавання, каб прадухіліць XSS?

Кадаванне карыстальніцкага тэксту перад устаўкай у цела HTML-элемента не дазваляе разглядаць тэгі як разметку. Гэта не поўная абарона ва ўсіх кантэкстах, напрыклад у скрыптах або URL, таму таксама выкарыстоўвайце экранаванне свайго фрэймворка.

Ці магу я праверыць вынік, раскадаваўшы яго зноў?

Так. Націсніце кнопку «Выкарыстаць як уваход», каб перанесці вынік у поле ўводу, потым пераключыце рэжым. Раскадаванне закадаванага выніку павінна вярнуць ваш зыходны тэкст.

Гэта сапраўды бясплатна?

Так. Кожны інструмент бясплатны, без уліковага запісу і банкаўскай карты. Праца выконваецца на вашай прыладзе, а не на нашых серверах, што і дазваляе заставацца бясплатным.

Ці працуе гэта на мабільным тэлефоне?

Так. Працуе ў сучасных мабільных браўзерах на iOS і Android, нічога ўсталёўваць не трэба.

🏷️

Кадоўшчык і дэкодэр HTML — бясплатна

Кадуйце спецыяльныя сімвалы ў аб'екты HTML або дэкадуйце аб'екты назад у просты тэкст. Імгненна, у вашым браўзеры.

Працуе ў браўзерыБез рэгістрацыі і ўсплывальных вокнаўУваход не патрабуеццаБясплатна назаўсёды

Працуе афлайн пасля загрузкі

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

Прыклады:

Просты тэкст / HTML

Закадаваны HTML

Вынік з'явіцца тут...

Даведнік агульных HTML-сутнасцей

©©

®®

™™

€€

——

……

Тыповыя выкарыстанні

Кадуйце змесцім для RSS FeedsКадуйце змесцім HTML для апісаў тавару RSS feed — потрабна RSS 2.0 стандартам.
Сакцыюйце ўвод карыстальніка для HTML вывадаКадуйце рядкі, пацчаны карыстальнікам, перад ўбудаванням у HTML — прадухіляйце XSS-прывяры.
Кодуйце спецсімвалы для 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(база 16), дзесятковы Number(), названы зваротны пошук, ці — для любой сутнасці, не занесенай у жорстка зададзеную табліцу — элемент textarea, чый innerHTML браўзер разбірае нацыўна, вяртаючы правільны сімвал з убудаванай табліцы сутнасцяў браўзера.
4
Вынік з'яўляецца імгненна; капіяванне ў буфер абмену праз Clipboard API
Вывад сінхронна пераразлічваецца пры кожным націску клавішы праз useMemo React. Капіраванне выкарыстоўвае navigator.clipboard.writeText() — сучасны асінхронны Clipboard API — з ціхім злоўліваннем для абмежаваных кантэкстаў.