Акысыз HTML коддогуч жана чечмелегич

Бул кантип иштейт

HTML коддоо жана декоддоо бул жерде кол менен жазылган регекс алмаштыруу жана катуу коддолгон аталган-элемент издөө таблицасы колдонуп толугу менен браузериңизде болот — үчүнчү тараптын коддоо китепканасы жок, серверге кайрылуу жок. Сейрек аталган элементтерди (á же “ сыяктуу) декоддоо үчүн, курал нөл-баалуу запастык катары браузердин өз HTML талдагычына багыттайт.

1. 1
   Регекс алмаштыруу үчүн символдорду сканерлейт

   Коддогондо, киргизүүңүз боюнча эки Юникод-таанылуучу регекстин бири иштейт: болжол менен 25 кадимки HTML-маанилүү жана атайын символду камтыган максаттуу үлгү, же U+007Fден жогору ар бир код чекитин кармаган кеңирээк үлгү. Ар бир дал келүү символ-боюнча-символ токтотулат.
2. 2
   Издөө таблица же codePointAt() элементти жаратат

   Аталган-элемент чыгуусу үчүн, дал келген символдор катуу коддолгон таблицада издөөнү табат (мис. & → &, © → ©). Ондук же он алтылык чыгуу үчүн, String.codePointAt() Юникод код чекитин алат жана аны &#NNN; же &#xNNN; катары форматтайт — сюррогат жуптары туура иштетилет, анткени регекс Юникод 'u' желегин колдонот.
3. 3
   Жалгыз-өтүштүк регекс элементтерди кайра символдорго декоддойт

   Декоддогондо, жалгыз регекс өтүшү бардык элемент токендерин (&, A, A, ж.б.) аныктайт жана ар бирин туура иштеткичке багыттайт: он алтылык parseInt(негиз 16), ондук Number(), аталган артка-издөө же — катуу коддолгон таблицада жок каалаган элемент үчүн — браузер нативдик талдаган innerHTML'ы бар textarea элементи, браузердин курулма элемент таблицасынан туура символду кайтарып.
4. 4
   Натыйжа дароо пайда болот; Clipboard API аркылуу алмашуу буферине көчүрүлөт

   Чыгуу React useMemo аркылуу ар бир баскычта синхрондуу түрдө кайра эсептелет. Көчүрүү navigator.clipboard.writeText() — заманбап асинхрондук Clipboard API — колдонот, чектелген контексттер үчүн унчукпас кармоо менен.

Байланыштуу куралдар