ఉచిత HTML ఎన్‌కోడర్ & డీకోడర్

ఇది ఎలా పనిచేస్తుంది

ఇక్కడ HTML ఎన్‌కోడింగ్ మరియు డీకోడింగ్ చేతితో రాసిన regex భర్తీ మరియు హార్డ్‌కోడ్ named-entity లుకప్ పట్టిక ఉపయోగించి పూర్తిగా మీ బ్రౌజర్‌లో నడుస్తాయి — థర్డ్-పార్టీ ఎన్‌కోడింగ్ లైబ్రరీ లేదు, సర్వర్ రౌండ్-ట్రిప్ లేదు. అరుదైన named entities (á లేదా “ వంటివి) డీకోడ్ చేయడానికి, టూల్ ఖర్చు లేని ఫాల్‌బ్యాక్‌గా బ్రౌజర్ సొంత HTML పార్సర్‌కు అప్పగిస్తుంది.

1. 1
   భర్తీ చేయాల్సిన అక్షరాల కోసం regex స్కాన్ చేస్తుంది

   ఎన్‌కోడ్ చేసేటప్పుడు, మీ ఇన్‌పుట్‌పై రెండు Unicode-అవగాహన regexలలో ఒకటి నడుస్తుంది: ~25 సాధారణ HTML-ముఖ్యమైన మరియు ప్రత్యేక అక్షరాలను కవర్ చేసే లక్ష్య నమూనా, లేదా U+007F పైన ఉన్న ప్రతి code pointను పట్టుకునే విస్తృత నమూనా. ప్రతి match అక్షరం వారీగా అడ్డగించబడుతుంది.
2. 2
   లుకప్ పట్టిక లేదా codePointAt() entityను ఉత్పత్తి చేస్తుంది

   named-entity అవుట్‌పుట్ కోసం, సరిపోలిన అక్షరాలు హార్డ్‌కోడ్ పట్టికలో వెతకబడతాయి (ఉదా. & → &, © → ©). దశాంశ లేదా hex అవుట్‌పుట్ కోసం, String.codePointAt() Unicode code pointను పొంది దాన్ని &#NNN; లేదా &#xNNN;గా ఫార్మాట్ చేస్తుంది — regex Unicode 'u' ఫ్లాగ్ ఉపయోగిస్తుంది కాబట్టి surrogate pairs సరిగ్గా నిర్వహించబడతాయి.
3. 3
   ఒకే-పాస్ regex entitiesను తిరిగి అక్షరాలుగా డీకోడ్ చేస్తుంది

   డీకోడ్ చేసేటప్పుడు, ఒకే regex పాస్ అన్ని entity టోకెన్‌లను (&, A, A, మొదలైనవి) గుర్తించి ప్రతిదాన్ని సరైన హ్యాండ్లర్‌కు పంపుతుంది: hex parseInt(base 16), దశాంశ Number(), named reverse-lookup, లేదా — హార్డ్‌కోడ్ పట్టికలో లేని ఏ entityకైనా — బ్రౌజర్ స్థానికంగా innerHTMLను పార్స్ చేసే textarea ఎలిమెంట్, బ్రౌజర్ అంతర్నిర్మిత entity పట్టిక నుండి సరైన అక్షరాన్ని ఇస్తుంది.
4. 4
   ఫలితం వెంటనే కనిపిస్తుంది; Clipboard API ద్వారా క్లిప్‌బోర్డ్‌కు కాపీ చేయండి

   React useMemo ద్వారా ప్రతి కీస్ట్రోక్‌పై అవుట్‌పుట్ సమకాలికంగా మళ్లీ లెక్కించబడుతుంది. కాపీ navigator.clipboard.writeText() — ఆధునిక async Clipboard API — ఉపయోగిస్తుంది, పరిమిత సందర్భాల కోసం నిశ్శబ్ద catchతో.

సంబంధిత సాధనాలు