ਮੁਫ਼ਤ HTML ਐਨਕੋਡਰ ਅਤੇ ਡੀਕੋਡਰ

ਇਹ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ

ਇੱਥੇ HTML ਐਨਕੋਡਿੰਗ ਅਤੇ ਡੀਕੋਡਿੰਗ ਹੱਥ ਨਾਲ ਲਿਖੇ regex ਬਦਲ ਅਤੇ ਪੱਕੀ named-entity ਖੋਜ ਸਾਰਣੀ ਨਾਲ ਪੂਰੀ ਤਰ੍ਹਾਂ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦੀ ਹੈ — ਕੋਈ ਤੀਜੀ-ਧਿਰ ਐਨਕੋਡਿੰਗ ਲਾਇਬ੍ਰੇਰੀ, ਕੋਈ ਸਰਵਰ ਆਉਣ-ਜਾਣ ਨਹੀਂ। ਘੱਟ ਵਰਤੀਆਂ named entities (ਜਿਵੇਂ á ਜਾਂ “) ਡੀਕੋਡ ਕਰਨ ਲਈ, ਟੂਲ ਬਿਨਾਂ ਲਾਗਤ ਵਾਲੇ fallback ਵਜੋਂ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਆਪਣੇ HTML parser ਨੂੰ ਸੌਂਪਦਾ ਹੈ।

1. 1
   Regex ਬਦਲਣ ਵਾਲੇ ਅੱਖਰਾਂ ਲਈ ਸਕੈਨ ਕਰਦਾ ਹੈ

   ਐਨਕੋਡ ਕਰਨ 'ਤੇ, ਦੋ Unicode-ਜਾਣੂ regexes ਵਿੱਚੋਂ ਇੱਕ ਤੁਹਾਡੇ ਇਨਪੁੱਟ 'ਤੇ ਚੱਲਦਾ ਹੈ: ~25 ਆਮ HTML-ਮਹੱਤਵਪੂਰਨ ਅਤੇ ਖ਼ਾਸ ਅੱਖਰਾਂ ਵਾਲਾ ਨਿਸ਼ਾਨਾ ਪੈਟਰਨ, ਜਾਂ U+007F ਤੋਂ ਉੱਪਰ ਹਰ code point ਫੜਨ ਵਾਲਾ ਵਿਸ਼ਾਲ ਪੈਟਰਨ। ਹਰ ਮੇਲ ਅੱਖਰ-ਦਰ-ਅੱਖਰ ਫੜਿਆ ਜਾਂਦਾ ਹੈ।
2. 2
   ਖੋਜ ਸਾਰਣੀ ਜਾਂ codePointAt() entity ਬਣਾਉਂਦਾ ਹੈ

   Named-entity ਆਉਟਪੁੱਟ ਲਈ, ਮੇਲ ਖਾਂਦੇ ਅੱਖਰ ਪੱਕੀ ਸਾਰਣੀ ਵਿੱਚ ਖੋਜੇ ਜਾਂਦੇ ਹਨ (ਜਿਵੇਂ & → &, © → ©)। Decimal ਜਾਂ hex ਆਉਟਪੁੱਟ ਲਈ, String.codePointAt() Unicode code point ਲੈਂਦਾ ਹੈ ਅਤੇ ਇਸਨੂੰ &#NNN; ਜਾਂ &#xNNN; ਵਜੋਂ ਫਾਰਮੈਟ ਕਰਦਾ ਹੈ — surrogate pairs ਸਹੀ ਸੰਭਾਲੇ ਜਾਂਦੇ ਹਨ ਕਿਉਂਕਿ regex Unicode 'u' ਫ਼ਲੈਗ ਵਰਤਦਾ ਹੈ।
3. 3
   ਇੱਕ-ਪਾਸ regex entities ਨੂੰ ਵਾਪਸ ਅੱਖਰਾਂ ਵਿੱਚ ਡੀਕੋਡ ਕਰਦਾ ਹੈ

   ਡੀਕੋਡ ਕਰਨ 'ਤੇ, ਇੱਕ regex ਪਾਸ ਸਾਰੇ entity tokens (&, A, A, ਆਦਿ) ਪਛਾਣਦਾ ਹੈ ਅਤੇ ਹਰ ਇੱਕ ਨੂੰ ਸਹੀ handler ਕੋਲ ਭੇਜਦਾ ਹੈ: hex parseInt(base 16), decimal Number(), named ਉਲਟ-ਖੋਜ, ਜਾਂ — ਪੱਕੀ ਸਾਰਣੀ ਵਿੱਚ ਨਾ ਹੋਣ ਵਾਲੀ ਕਿਸੇ ਵੀ entity ਲਈ — ਇੱਕ textarea element ਜਿਸਦਾ innerHTML ਬ੍ਰਾਊਜ਼ਰ ਮੂਲ ਰੂਪ ਵਿੱਚ ਪਾਰਸ ਕਰਦਾ ਹੈ, ਬ੍ਰਾਊਜ਼ਰ ਦੀ ਬਿਲਟ-ਇਨ entity ਸਾਰਣੀ ਤੋਂ ਸਹੀ ਅੱਖਰ ਵਾਪਸ ਕਰਦੇ ਹੋਏ।
4. 4
   ਨਤੀਜਾ ਤੁਰੰਤ ਦਿਸਦਾ ਹੈ; Clipboard API ਰਾਹੀਂ ਕਲਿੱਪਬੋਰਡ 'ਤੇ ਕਾਪੀ ਕਰੋ

   ਆਉਟਪੁੱਟ React useMemo ਰਾਹੀਂ ਹਰ ਕੀਸਟ੍ਰੋਕ 'ਤੇ ਤੁਰੰਤ ਮੁੜ ਗਿਣਿਆ ਜਾਂਦਾ ਹੈ। ਕਾਪੀ ਕਰਨਾ navigator.clipboard.writeText() — ਆਧੁਨਿਕ async Clipboard API — ਵਰਤਦਾ ਹੈ, ਪਾਬੰਦੀਸ਼ੁਦਾ ਸੰਦਰਭਾਂ ਲਈ ਚੁੱਪ catch ਨਾਲ।

ਸੰਬੰਧਿਤ ਟੂਲ