Bepul HTML Kodlovchi va Dekodlovchi

Qanday ishlaydi

Bu yerda HTML kodlash va dekodlash qo'lda yozilgan regex almashtirish va qat'iy kodlangan nomlangan-obyekt qidiruv jadvali yordamida to'liq brauzeringizda ishlaydi — uchinchi tomon kodlash kutubxonasi yo'q, serverga borib-kelish yo'q. Kam uchraydigan nomlangan obyektlarni (á yoki “ kabi) dekodlash uchun, asbob nol-narxli zaxira sifatida brauzerning o'z HTML tahlilchisiga topshiradi.

1. 1
   Regex almashtirish uchun belgilarni skanerlaydi

   Kodlashda, kiritishingiz bo'ylab ikkita Unicode-bilimli regexdan biri ishlaydi: taxminan 25 ta umumiy HTML-ahamiyatli va maxsus belgilarni qamrab oluvchi maqsadli naqsh, yoki U+007F dan yuqoridagi har bir kod nuqtasini ushlaydigan kengroq naqsh. Har bir moslik belgi-bo-belgi ushlanadi.
2. 2
   Qidiruv jadvali yoki codePointAt() obyektni ishlab chiqaradi

   Nomlangan-obyekt chiqishi uchun, mos belgilar qat'iy kodlangan jadvalda (masalan, & → &, © → ©) qidiriladi. O'nlik yoki o'n oltilik chiqish uchun, String.codePointAt() Unicode kod nuqtasini oladi va uni &#NNN; yoki &#xNNN; sifatida formatlaydi — surrogat juftliklar to'g'ri boshqariladi, chunki regex Unicode 'u' belgisidan foydalanadi.
3. 3
   Yagona-o'tishli regex obyektlarni qayta belgilarga dekodlaydi

   Dekodlashda, yagona regex o'tishi barcha obyekt tokenlarini (&, A, A va h.k.) aniqlaydi va har birini to'g'ri boshqaruvchiga yo'naltiradi: o'n oltilik parseInt (16-lik asosda), o'nlik Number(), nomlangan teskari-qidiruv, yoki — qat'iy kodlangan jadvalda bo'lmagan har qanday obyekt uchun — brauzer o'zining o'rnatilgan obyekt jadvalidan to'g'ri belgini qaytarib, brauzer mahalliy tahlil qiladigan innerHTML'ga ega textarea elementi.
4. 4
   Natija darhol paydo bo'ladi; Clipboard API orqali buferga nusxalash

   Chiqish har bir tugma bosishida React useMemo orqali sinxron qayta hisoblanadi. Nusxalash navigator.clipboard.writeText() dan — zamonaviy asinxron Clipboard API'dan — cheklangan kontekstlar uchun jimgina ushlash bilan foydalanadi.

Tegishli asboblar