کۆدکەر و کۆدکەرەوەی HTMLی بەخۆڕایی

چۆن کار دەکات

کۆدکردن و کۆدلادانی HTML لێرە تەواو لە وێبگەڕەکەتدا کاردەکات بە بەکارهێنانی جێگۆڕکێی ڕێجێکسی دەستنووس و خشتەیەکی گەڕانی ناودراوی جێگیر — بەبێ کتێبخانەی کۆدکردنی لایەنی سێیەم، بەبێ گەشتی سێرڤەر. بۆ کۆدلادانی ناودراوی کەم-باو (وەک á یان “)، ئامرازەکە بۆ شیکەری HTMLی خودی وێبگەڕ دەردەکات وەک گەڕانەوەیەکی بێ-تێچوو.

1. 1
   ڕێجێکس پیتی جێگۆڕکێ دەپشکنێت

   لە کۆدکردندا، یەکێک لە دوو ڕێجێکسی یونیکۆد-هۆشیار بەسەر داخڵییەکەتدا ڕادەبات: شێوازێکی ئامانجدار کە نزیکەی 25 پیتی گرنگی-HTML و تایبەت دادەپۆشێت، یان شێوازێکی فراوانتر کە هەر خاڵی کۆدی سەرووی U+007F دەگرێت. هەر هاوتایەک پیت بە پیت دەگیردرێت.
2. 2
   خشتەی گەڕان یان codePointAt() ناودراوەکە دروستدەکات

   بۆ دەرچوونی ناودراو، پیتی هاوتاگیراو لە خشتەیەکی جێگیردا دەدۆزرێنەوە (بۆ نموونە & → &، © → ©). بۆ دەرچوونی دەیی یان شازدەیی، String.codePointAt() خاڵی کۆدی یونیکۆد وەردەگرێت و وەک &#NNN; یان &#xNNN; فۆرمات دەکات — جووتی سوروگەیت بەدروستی مامەڵەیان لەگەڵ دەکرێت چونکە ڕێجێکسەکە کلیلی 'u'ی یونیکۆد بەکاردێنێت.
3. 3
   تێپەڕی تاکی ڕێجێکس ناودراوەکان دووبارە دەگۆڕێتەوە بۆ پیت

   لە کۆدلاداندا، تێپەڕی تاکی ڕێجێکس هەموو تۆکنی ناودراو دەناسێتەوە (&، A، A، هتد) و هەریەکەیان بۆ کۆنترۆڵکەری ڕاستی ئاراستە دەکات: shizedeyی parseInt (بنەمای 16)، Number()ی دەیی، گەڕانەوەی پێچەوانەی ناودراو، یان — بۆ هەر ناودراوێک نەبووبێت لەناو خشتەی جێگیردا — توخمێکی textarea کە innerHTMLـی لەلایەن وێبگەڕەوە بەشێوەیەکی سەرەکی شیدەکرێتەوە، پیتی دروست لە خشتەی ناودراوی سەرەکی وێبگەڕەوە دەگەڕێنێتەوە.
4. 4
   ئەنجام دەستبەجێ دەردەکەوێت؛ بۆ کلیپبۆرد کۆپی بکە لە ڕێگای APIی Clipboardەوە

   دەرچوون بەیەکجار لەسەر هەر کلیکێک دووبارە ژمێردەکرێتەوە لە ڕێگای useMemoی Reactەوە. کۆپیکردن navigator.clipboard.writeText() بەکاردێنێت — APIی مۆدێرنی هەڵبژیوسی Clipboard — لەگەڵ گرتنێکی بێدەنگ بۆ بارودۆخی سنووردار.

ئامرازە پەیوەندیدارەکان