HTML кодлогч ба задлагч — үнэгүй
Тусгай тэмдэгтүүдийг HTML объект болгон кодлох эсвэл объектуудыг энгийн текст болгон задлах. Агшин зуур, хөтчид.
Нийтлэг HTML entity лавлах
Түгээмэл хэрэглээ
- RSS Feed-н агуулгыг кодлоRSS 2.0 стандарт шаардаж - RSS feed тавого тэмдэглэл хэдэн HTML агуулгыг кодло.
- HTML гаралтын хэрэглэгчийн оролтыг сацуулжHTML-д оруулахаас өмнө хэрэглэгчийн өгсөн рядуудыг кодла - XSS өрхөн дүрмийг сэргүүлэнэ үй.
- HTML дээр электрон шуудангийн үйлдэл кодлох&, <, > болон © зэрэг үнэлэмжүүд HTML сүүсүүлсэлүүдээс тохируулах, бүх шуудангийн үйлдэлүүд эхэнд харьцуулна.
- Сайтын үзүүлэлтийн хэрэглэгчийн агуулга кодлохXSS халдлагуудаас урьдчилан сэргийлэхийн тулд хэрэглэгчийн үзүүлэлтийг HTML хуудасны үзүүлэлтийн өмнө кодлох.
- XML-ийн агуулгыг кодлохXML файлуудын, RSS сувгийн, sitemaps болон SOAP ачаалалдаа үйлдэл үнэлэмжүүдийг кодлох.
Хэрхэн ажилладаг
HTML кодлолт, декодлолт энд гараар бичсэн regex орлуулга, хатуу кодлогдсон нэрлэсэн-entity лавлах хүснэгт ашиглан бүхэлдээ таны хөтчид явагддаг — гуравдагч талын кодлолтын номын сан, серверийн дамжуулалт хамааралгүй. Ховор нэрлэсэн entity (жишээ нь á эсвэл “)-г декодлохын тулд хэрэгсэл хөтчийн өөрийн HTML задлагч руу зардалгүй нөөц болгон шилжүүлдэг.
- 1Regex орлуулах тэмдэгтийг скандажКодлохдоо хоёр Unicode-мэдрэмтгий regex-ийн нэг таны оролт дээгүүр гүйдэг: ~25 нийтлэг HTML-чухал, тусгай тэмдэгтийг хамарсан онилсон загвар, эсвэл U+007F-ээс дээшх код цэг бүрийг барих илүү өргөн загвар. Тохирол бүр тэмдэгт-тэмдэгтээр саатуулагддаг.
- 2Лавлах хүснэгт эсвэл codePointAt() entity-г гаргадагНэрлэсэн-entity гаралтын хувьд тохирсон тэмдэгтүүд хатуу кодлогдсон хүснэгтэд (жишээ нь & → &, © → ©) хайгддаг. Аравтын эсвэл hex гаралтын хувьд String.codePointAt() Unicode код цэгийг гаргаж &#NNN; эсвэл &#xNNN; болгон форматладаг — surrogate хосууд regex-ийн Unicode 'u' flag ашигладаг тул зөв боловсруулагддаг.
- 3Нэг-дамжлагын regex entity-г тэмдэгт рүү буцаан декодолдогДекодлохдоо нэг regex дамжлага бүх entity token (&, A, A гэх мэт)-ийг тодорхойлж, тус бүрийг зөв гарын аваачдаг: hex parseInt (16-р суурь), аравтын Number(), нэрлэсэн урвуу-хайлт, эсвэл — хатуу кодлогдсон хүснэгтэд байхгүй ямар ч entity-д — хөтчийн уугуулаар задалдаг innerHTML-тэй textarea элемент, хөтчийн байгуулагдмал entity хүснэгтээс зөв тэмдэгтийг буцаадаг.
- 4Үр дүн шууд гарч ирнэ; Clipboard API-аар хуулахГаралт React useMemo-ээр товшилт бүрт синхронаар дахин тооцоологддог. Хуулбарлалт navigator.clipboard.writeText() — орчин үеийн async Clipboard API — хязгаарлагдсан context-д чимээгүй catch-тай хамт хэрэглэдэг.
Холбоотой хэрэгслүүд
URL кодлогч ба декодер
URL болон асуулгын мөрийг кодлох, тайлах. EncodeURIComponent, decodeURIComponent болон асуулгын мөрийг задлан шинжлэхийг дэмждэг.
Base64 кодлогч ба задлагч
Текст эсвэл файлуудыг Base64 болгон кодлох эсвэл Base64 мөрүүдийг энгийн текст болгон задлах. Агшин зуур, хувийн, үнэгүй.
Цезарийн шифр ба текст шифрлэгч
Текстийг Цезарийн шифр, ROT13, Atbash болон Виженерийн шифрээр шифрлэх ба тайлах. Сонгодог орлуулгын шифрүүд, бүгд хөтчид.