HTML կոդավորիչ և ծածկագրազերծիչ անվճար

Ինչպես է այն աշխատում

HTML կոդավորումն ու վերծանումն այստեղ ամբողջովին աշխատում են ձեր դիտարկիչում՝ օգտագործելով ձեռագիր regex փոխարինում և կոշտ կոդավորված անվանված-էնտիտիի որոնման աղյուսակ — ոչ մի երրորդ կողմի կոդավորման գրադարան, ոչ մի սերվերային ուղևորություն։ Հազվադեպ հանդիպող անվանված էնտիտիների վերծանման համար (ինչպիսիք են á-ն կամ “-ն), գործիքը պատվիրակում է դիտարկիչի սեփական HTML վերլուծիչին որպես զրո-արժեք պահեստային տարբերակ։

1. 1
   Regex-ը սկանավորում է փոխարինման ենթակա նիշեր

   Կոդավորման ժամանակ ձեր մուտքագրման վրա գործարկվում է երկու Unicode-զգայուն regex-ից մեկը. թիրախավորված ձևանմուշ, որն ընդգրկում է ~25 սովորական HTML-նշանակալի և հատուկ նիշ, կամ ավելի լայն ձևանմուշ, որն բռնում է U+007F-ից բարձր ամեն կոդակետ։ Յուրաքանչյուր համընկնում ընդհատվում է նիշ առ նիշ։
2. 2
   Որոնման աղյուսակ կամ codePointAt()-ը ստեղծում է էնտիտին

   Անվանված-էնտիտիի ելքի համար, համընկնող նիշերը որոնվում են կոշտ կոդավորված աղյուսակում (օր.՝ & → &, © → ©)։ Տասնորդական կամ տասնվեցական ելքի համար, String.codePointAt()-ը ստանում է Unicode կոդակետը և ձևաչափում է այն որպես &#NNN; կամ &#xNNN; — փոխարինիչ զույգերը ճիշտ են մշակվում, քանի որ regex-ն օգտագործում է Unicode 'u' դրոշակը։
3. 3
   Մեկ-անցումով regex-ը վերծանում է էնտիտիները հետ նիշերի

   Վերծանման ժամանակ, մեկ regex անցում հայտնաբերում է բոլոր էնտիտիի նշանները (&, A, A և այլն) և ուղղորդում է յուրաքանչյուրը ճիշտ մշակիչին. տասնվեցական parseInt(հիմք 16), տասնորդական Number(), անվանված հակադարձ-որոնում, կամ — ցանկացած կոշտ կոդավորված աղյուսակում չգտնված էնտիտիի համար — textarea տարր, որի innerHTML-ը դիտարկիչը բնիկ վերլուծում է, վերադարձնելով ճիշտ նիշը դիտարկիչի ներկառուցված էնտիտիների աղյուսակից։
4. 4
   Արդյունքն ակնթարթորեն հայտնվում է. պատճենեք սեղմատախտակին Clipboard API-ով

   Ելքը համաժամանակորեն վերահաշվարկվում է ամեն ստեղնազարկի ժամանակ React-ի useMemo-ով։ Պատճենումն օգտագործում է navigator.clipboard.writeText() — ժամանակակից ասինխրոն Clipboard API-ն — սահմանափակ համատեքստերի համար լուռ բռնումով։

Առնչվող գործիքներ