Арнайы таңбаларды HTML нысандары ретінде қалай кодтауға болады?

Кодтау таңдап, мәтінді немесе HTML-ді енгізуге қойыңыз, Кодталған HTML нәтижесі сіз терген сайын жаңарады. Аталған, Ондық немесе Он алтылық нысандарды таңдап, содан кейін Көшіру түймесін қолданыңыз. Санауыш қанша таңба кодталғанын көрсетеді.

HTML нысандарын қайтадан қарапайым мәтінге қалай декодтауға болады?

Декодтау режиміне өтіп, & немесе A сияқты нысандары бар мәтінді қойыңыз. Құрал аталған, ондық және он алтылық нысандарды таңбаларға қайта түрлендіреді және қанша нысан декодталғанын көрсетеді.

Диакритикалы әріптерді, эмодзилерді және басқа ASCII емес таңбаларды қалай кодтауға болады?

ASCII емес барлық таңбаларды кодтау қосыңыз. Сонда бұрыштық жақшалар мен амперсанд сияқты жиі кездесетін арнайы таңбалармен шектелмей, ASCII ауқымынан жоғары әр таңба таңдаған стиліңізде нысанға түрленеді.

HTML кодтауы XSS-тің алдын алуға жеткілікті ме?

Пайдаланушы мәтінін HTML элементінің денесіне қоймас бұрын кодтау тегтердің белгілеу ретінде өңделуіне жол бермейді. Бұл скрипттер немесе URL сияқты әр контексте толық қорғаныс емес, сондықтан фреймворкіңіздің эскейпингін де қолданыңыз.

Нәтижені қайта декодтап тексеруге бола ма?

Иә. Нәтижені енгізуге көшіру үшін Енгізу ретінде пайдалану түймесін қолданыңыз, содан кейін режимді ауыстырыңыз. Кодталған нәтижені декодтау бастапқы мәтініңізді қайтаруы керек.

Шынымен тегін бе?

Иә. Әрбір құрал тегін, аккаунтсыз және несие картасынсыз қолданылады. Жұмыс серверлерімізде емес, құрылғыңызда орындалады, бұл оның тегін жұмыс істеуін қамтамасыз етеді.

Мобильді құрылғыларда жұмыс істей ме?

Иә. iOS және Android жүйелеріндегі заманауи мобильді браузерлерде ештеңе орнатпай жұмыс істейді.

🏷️

HTML кодтаушы және декодтаушы — тегін

Арнайы таңбаларды HTML нысандарына кодтаңыз немесе нысандарды қарапайым мәтінге декодтаңыз. Лезде, браузерде.

Браузерде жұмыс істейдіТіркелу жоқ, қалқымалы терезелер жоқКіруді қажет етпейдіМәңгілік тегін

Жүктелгеннен кейін офлайн жұмыс істейді

Шығыс:Аталған (&)Ондық (&)Он алтыБарлық ASCII емес ретте шифрлау

Мысалдар:

Қарапайым мәтін / HTML

Кодталған HTML

Шығыс осында пайда болады...

Жалпы HTML нысандарына анықтама

©©

®®

™™

€€

——

……

Жиі қолданылуы

RSS Ағындарына Мазмұны КодтаңызRSS ағын мәннің сипаттамасында HTML мазмұны кодтаңыз — 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; ретінде пішімдейді — сурроgate жұптар дұрыс өңделеді, себебі регекс Unicode 'u' жалауын пайдаланады.
3
Бір өтулі регекс нысандарды таңбаларға кері декодтайды
Декодтауда, бір регекс өтуі барлық нысан белгілерін (&, A, A және т.б.) анықтайды және әрқайсысын дұрыс өңдеушіге бағыттайды: он алтылық parseInt (негіз 16), ондық Number(), аталған кері-іздеу немесе — бекітілген кестеде жоқ кез келген нысан үшін — браузер нативті түрде талдайтын innerHTML-і бар textarea элементі, браузердің кірістірілген нысан кестесінен дұрыс таңбаны қайтарады.
4
Нәтиже лезде пайда болады; Буфер API арқылы буферге көшіру
Шығыс React useMemo арқылы әр перне басу сайын синхронды түрде қайта есептеледі. Көшіру navigator.clipboard.writeText() — заманауи асинхронды Буфер API — шектелген контекстер үшін үнсіз ұстаумен пайдаланады.