وړیا د HTML کوډگر او کوډگشاگر

دا څنګه کار کوي

HTML کوډول او کوډ‌ایستل دلته بشپړ ستاسو براوزر کې د لاسي-لیکل شوي regex بدلون او یوه کوډ شوي نومول شوي-اینٹیټۍ لټون جدول سره چلیږي — هیڅ درېیمې-لورې کوډول کتابتون، هیڅ سرور تللو-راتلو. د غیر-عام نومول شویو اینٹیټیو (لکه á یا “) کوډ‌ایستلو لپاره، وسیله د براوزر خپل HTML پارسر ته د صفر-لګښت بدیل په توګه سپاري.

1. 1
   Regex د بدلولو لپاره توري لټوي

   پر کوډولو، یو له دوو یونیکوډ-پوه regexونو ستاسو ننوت باندې چلیږي: یو موخه شوی نمونه چې شاوخوا 25 عام HTML-اهمي او ځانګړي توري پوښي، یا یو پراخ نمونه چې هر کوډ ټکی د U+007F نه پورته نیسي. هر مطابقت توری-پر-توری نیول کیږي.
2. 2
   لټون جدول یا codePointAt() اینٹیټۍ جوړوي

   د نومول شوي-اینٹیټۍ محصول لپاره، مطابقت شوي توري یوه کوډ شوي جدول کې لټول کیږي (لکه & → &، © → ©). د اعشاري یا هیکس محصول لپاره، String.codePointAt() یونیکوډ کوډ ټکی اخلي او یې &#NNN; یا &#xNNN; ته فارمیټوي — سروگیټ جوړې سم اداره کیږي ځکه regex د یونیکوډ 'u' بیرغ کاروي.
3. 3
   یو-پړاوی regex اینٹیټۍ بیرته تورو ته کوډ‌ایستي

   پر کوډ‌ایستلو، یو واحد regex پړاو ټول اینٹیټۍ توکنونه (&، A، A، او داسې نور) پیژني او هر یو سم اداره کوونکي ته لارښود کوي: هیکس parseInt(base 16)، اعشاري Number()، نومول شوی معکوس-لټون، یا — هرې اینٹیټۍ لپاره چې کوډ شوي جدول کې نه وي — یو textarea عنصر چې د هغه innerHTML براوزر اصلي پارس کوي، سم توری براوزر جوړ شوي اینٹیټۍ جدول نه بیرته کوي.
4. 4
   پایله سملاسي ښکاري؛ Clipboard API له لارې کلیپبورډ ته کاپي کول

   محصول هر کیسټروک باندې React useMemo له لارې سمزماني بیا محاسبه کیږي. کاپي کول navigator.clipboard.writeText() کاروي — عصري بی‌سمزماني Clipboard API — د محدود شرایطو لپاره یو خاموش نیول سره.

اړوندې وسیلې