Libreng HTML Encoder at Decoder
I-encode ang mga espesyal na karakter sa mga HTML entity o i-decode ang mga entity pabalik sa plain text. Agad, sa iyong browser.
Sanggunian ng mga karaniwang HTML entity
Mga karaniwang gamit
- I-encode ang Content para sa RSS FeedsI-encode ang HTML content para sa RSS feed item descriptions — required ng RSS 2.0 standard.
- I-sanitise ang User Input para sa HTML OutputI-encode ang user-provided strings bago ilagay sa HTML — nakakapigil ng XSS injection attacks.
- I-encode ang Special Characters para sa HTML EmailI-encode ang characters tulad ng &, <, >, at © bilang HTML entities upang mag-render nang tama sa lahat ng email clients.
- I-encode ang User Content para sa Web DisplayIhinto ang XSS attacks sa pamamagitan ng pag-encode ng user-generated content bago i-render sa HTML pages.
- I-encode ang Content para sa XMLI-encode ang special characters para sa XML files, RSS feeds, sitemaps, at SOAP payloads.
Paano ito Gumagana
Buong tumatakbo sa iyong browser ang HTML encoding at decoding dito gamit ang hand-written na regex replacement at isang hardcoded na lookup table ng named entity — walang third-party encoding library, walang server round-trip. Para sa pag-decode ng mga bihirang named entity (gaya ng á o “), ipinapaubaya ito ng tool sa sariling HTML parser ng browser bilang libreng fallback.
- 1Naghahanap ang regex ng mga character na papalitanSa pag-encode, isa sa dalawang Unicode-aware na regex ang tumatakbo sa input mo: isang tiyak na pattern para sa ~25 karaniwang HTML-significant at espesyal na character, o isang mas malawak na pattern na humuhuli sa bawat code point na mas mataas sa U+007F. Hinaharang ang bawat tugma bawat character.
- 2Lookup table o codePointAt() ang gumagawa ng entityPara sa named-entity na output, hinahanap ang mga tumugmang character sa isang hardcoded na table (hal. & → &, © → ©). Para sa decimal o hex na output, kinukuha ng String.codePointAt() ang Unicode code point at fino-format bilang &#NNN; o &#xNNN; — tamang hinahawakan ang mga surrogate pair dahil ginagamit ng regex ang Unicode 'u' flag.
- 3Dine-decode pabalik sa character ang mga entity sa iisang regex na pagdaanSa pag-decode, tinutukoy ng iisang regex na pagdaan ang lahat ng entity token (&, A, A, atbp.) at ipinapasa ang bawat isa sa tamang handler: hex parseInt(base 16), decimal Number(), reverse lookup ng named entity, o — para sa anumang entity na wala sa hardcoded na table — isang textarea element na ang innerHTML ay native na pina-parse ng browser, na nagbabalik ng tamang character mula sa built-in na entity table ng browser.
- 4Agad lumalabas ang resulta; kopyahin sa clipboard gamit ang Clipboard APISynchronous na kinakalkula ulit ang output sa bawat keystroke gamit ang React useMemo. Gumagamit ang pagkopya ng navigator.clipboard.writeText() — ang modernong async na Clipboard API — na may tahimik na catch para sa mga restricted na konteksto.
Mga Kaugnay na Tool
URL Encoder at Decoder
I-encode at i-decode ang mga URL at query string. Sinusuportahan ang encodeURIComponent, decodeURIComponent, at query string parsing.
Base64 Encoder at Decoder
I-encode ang teksto o mga file sa Base64, o i-decode ang mga Base64 string pabalik sa plain text. Mabilis, pribado, at libre.
Caesar Cipher at Text Encryptor
I-encrypt at i-decrypt ang teksto gamit ang Caesar cipher, ROT13, Atbash, at Vigenère cipher. Mga klasikong substitution cipher, lahat sa iyong browser.