កូដ HTML & ឌីកូដ ឥតគិតថ្លៃ

វាដំណើរការដោយរបៀបណា

ការអ៊ិនកូដ និងដោះកូដ HTML នៅទីនេះដំណើរការទាំងស្រុងនៅក្នុងកម្មវិធីរុករករបស់អ្នកដោយប្រើការជំនួស regex សរសេរដោយដៃ និងតារាងស្វែងរក named-entity កំណត់ជាកូដ — គ្មានបណ្ណាល័យអ៊ិនកូដតតិយភាគី គ្មានការធ្វើដំណើររង្វិលជុំម៉ាស៊ីនមេទេ។ សម្រាប់ការដោះកូដ entities មានឈ្មោះមិនធម្មតា (ដូចជា á ឬ “) ឧបករណ៍ផ្ទេរទៅកម្មវិធីញែក HTML ផ្ទាល់របស់កម្មវិធីរុករកជាការត្រលប់តម្លៃសូន្យ។

1. 1
   Regex ស្កេនរកតួអក្សរដើម្បីជំនួស

   ពេលអ៊ិនកូដ regex មួយក្នុងចំណោមពីរដឹងអំពី Unicode ដំណើរការឆ្លងកាត់ធាតុចូលរបស់អ្នក៖ លំនាំគោលដៅគ្របដណ្តប់ HTML-សំខាន់ និងតួអក្សរពិសេសទូទៅប្រមាណ 25 ឬលំនាំទូលំទូលាយជាងដែលចាប់យកគ្រប់ចំណុច code ខាងលើ U+007F ។ ការផ្គូផ្គងនីមួយៗត្រូវបានស្ទាក់ចាប់តួអក្សរដោយតួអក្សរ។
2. 2
   តារាងស្វែងរក ឬ codePointAt() ផលិត entity

   សម្រាប់លទ្ធផល named-entity តួអក្សរផ្គូផ្គងត្រូវបានស្វែងរកក្នុងតារាងកំណត់ជាកូដ (ឧទាហរណ៍ & → &, © → ©)។ សម្រាប់លទ្ធផលទសភាគ ឬ hex, String.codePointAt() ទទួលចំណុច code Unicode ហើយធ្វើទ្រង់ទ្រាយវាជា &#NNN; ឬ &#xNNN; — គូ surrogate ត្រូវបានដោះស្រាយត្រឹមត្រូវ ព្រោះ regex ប្រើ flag Unicode 'u'។
3. 3
   regex ការឆ្លងកាត់តែមួយដោះកូដ entities ត្រឡប់ទៅតួអក្សរ

   ពេលដោះកូដ ការឆ្លងកាត់ regex តែមួយកំណត់ token entity ទាំងអស់ (&, A, A ។ល។) ហើយបញ្ជូននីមួយៗទៅកម្មវិធីដោះស្រាយត្រឹមត្រូវ៖ hex parseInt(base 16), decimal Number(), ការស្វែងរកបញ្ច្រាសមានឈ្មោះ ឬ — សម្រាប់ entity ណាមួយដែលមិននៅក្នុងតារាងកំណត់ជាកូដ — ធាតុ textarea ដែល innerHTML របស់វាកម្មវិធីរុករកញែកដើមកំណើត ត្រឡប់តួអក្សរត្រឹមត្រូវពីតារាង entity ភ្ជាប់ជាមួយកម្មវិធីរុករក។
4. 4
   លទ្ធផលលេចឡើងភ្លាមៗ; ចម្លងទៅក្ដារតម្បៀតខ្ទាស់តាម Clipboard API

   លទ្ធផលត្រូវបានគណនាឡើងវិញសមកាលកម្មនៅរាល់ការចុចគ្រាប់ចុចតាម React useMemo។ ការចម្លងប្រើ navigator.clipboard.writeText() — Clipboard API asynchronous ទំនើប — ជាមួយការចាប់ស្ងៀមស្ងាត់សម្រាប់បរិបទដែលបានដាក់កម្រិត។

ឧបករណ៍ពាក់ព័ន្ធ