නොමිලේ HTML සංකේතකය සහ විකේතකය

එය ක්‍රියා කරන්නේ කෙසේද

මෙහි HTML encoding සහ decoding අතින් ලියන ලද regex replacement එකකින් සහ hardcoded named-entity lookup table එකකින් සම්පූර්ණයෙන්ම ඔබේ බ්‍රවුසරයේ ක්‍රියාත්මක වේ — third-party encoding පුස්තකාලයක්, සර්වර round-trip එකක් නැත. සුලභ නොවන named entities (á හෝ “ වැනි) decode කිරීමට, මෙවලම zero-cost fallback එකක් ලෙස බ්‍රවුසරයේම HTML parser එකට delegate කරයි.

1. 1
   Regex එක replace කිරීමට අක්ෂර සොයයි

   encode කිරීමේදී, ඔබේ ආදානය හරහා Unicode-දැනුම් regexes දෙකෙන් එකක් ධාවනය වේ: common HTML-significant සහ special characters ~25ක් ආවරණය කරන ඉලක්කගත pattern එකක්, හෝ U+007F ට ඉහළ සෑම code point එකක්ම අල්ලා ගන්නා පුළුල් pattern එකක්. සෑම match එකක්ම character character ලෙස intercept කෙරේ.
2. 2
   Lookup table එක හෝ codePointAt() entity එක නිපදවයි

   named-entity ප්‍රතිදානය සඳහා, match වූ අක්ෂර hardcoded table එකකින් (උදා. & → &, © → ©) lookup කෙරේ. decimal හෝ hex ප්‍රතිදානය සඳහා, String.codePointAt() Unicode code point එක ලබා ගෙන එය &#NNN; හෝ &#xNNN; ලෙස format කරයි — surrogate pairs නිවැරදිව හසුරුවනු ලබන්නේ regex එක Unicode 'u' flag එක භාවිතා කරන නිසාය.
3. 3
   තනි-pass regex එකක් entities ආපසු අක්ෂර වලට decode කරයි

   decode කිරීමේදී, තනි regex pass එකක් සියලුම entity tokens (&, A, A, ආදිය) හඳුනා ගෙන එක් එක් නිවැරදි handler එකට route කරයි: hex parseInt(base 16), decimal Number(), named reverse-lookup, හෝ — hardcoded table එකේ නොමැති ඕනෑම entity එකක් සඳහා — bởiwsers built-in entity table එකෙන් නිවැරදි අක්ෂරය ලබා දෙන, බ්‍රවුසරය native ලෙස parse කරන innerHTML සහිත textarea element එකක්.
4. 4
   ප්‍රතිඵලය ක්ෂණිකව දිස්වේ; Clipboard API හරහා clipboard වෙත පිටපත් කරන්න

   ප්‍රතිදානය React useMemo හරහා සෑම යතුරු තට්ටුවකදීම synchronously නැවත ගණනය කෙරේ. පිටපත් කිරීම නවීන async Clipboard API එකවන navigator.clipboard.writeText() භාවිතා කරයි, සීමිත contexts සඳහා නිහඬ catch එකක් සමඟ.

සම්බන්ධ මෙවලම්