મફત HTML એન્કોડર અને ડિકોડર

આ કેવી રીતે કાર્ય કરે છે

અહીં HTML એન્કોડિંગ અને ડિકોડિંગ સંપૂર્ણપણે તમારા બ્રાઉઝરમાં હાથે લખેલા regex replacement અને hardcoded named-entity lookup table વડે ચાલે છે — કોઈ થર્ડ-પાર્ટી એન્કોડિંગ લાઇબ્રેરી નહીં, કોઈ સર્વર રાઉન્ડ-ટ્રિપ નહીં. અસામાન્ય named entities (જેમ કે á કે “) ડિકોડ કરવા માટે, ટૂલ zero-cost fallback તરીકે બ્રાઉઝરના પોતાના HTML પાર્સરને સોંપે છે.

1. 1
   Regex બદલવા માટેના અક્ષરો સ્કેન કરે છે

   Encode પર, બે Unicode-aware regexes માંથી એક તમારા ઇનપુટ પર ચાલે છે: લગભગ 25 સામાન્ય HTML-મહત્વના અને ખાસ અક્ષરોને આવરી લેતી ટાર્ગેટેડ પેટર્ન, અથવા U+007F ઉપરના દરેક code point પકડતી વ્યાપક પેટર્ન. દરેક match ને એક-એક અક્ષર કરીને પકડવામાં આવે છે.
2. 2
   Lookup table કે codePointAt() entity બનાવે છે

   Named-entity આઉટપુટ માટે, મેચ થયેલા અક્ષરો hardcoded ટેબલમાં જોવામાં આવે છે (દા.ત. & → &, © → ©). Decimal કે hex આઉટપુટ માટે, String.codePointAt() Unicode code point મેળવે છે અને &#NNN; કે &#xNNN; તરીકે ફોર્મેટ કરે છે — surrogate pairs યોગ્ય રીતે હેન્ડલ થાય છે કારણ કે regex Unicode 'u' flag વાપરે છે.
3. 3
   Single-pass regex entities ને પાછા અક્ષરોમાં ડિકોડ કરે છે

   Decode પર, એક single regex pass બધા entity tokens (&, A, A, વગેરે) ને ઓળખે છે અને દરેકને યોગ્ય handler તરફ મોકલે છે: hex parseInt(base 16), decimal Number(), named reverse-lookup, અથવા — hardcoded table માં ન હોય તેવી કોઈપણ entity માટે — એક textarea element જેની innerHTML બ્રાઉઝર natively પાર્સ કરે છે, બ્રાઉઝરના બિલ્ટ-ઇન entity table માંથી સાચો અક્ષર પરત આપીને.
4. 4
   પરિણામ તરત દેખાય છે; Clipboard API દ્વારા ક્લિપબોર્ડમાં કૉપી કરો

   React useMemo દ્વારા દરેક કીસ્ટ્રોક પર આઉટપુટ synchronously ફરીથી ગણવામાં આવે છે. કૉપી કરવા navigator.clipboard.writeText() — આધુનિક async Clipboard API — વપરાય છે, પ્રતિબંધિત contexts માટે silent catch સાથે.

સંબંધિત સાધનો