ຂ້ອຍຈະເຂົ້າລະຫັດຕົວອັກສອນພິເສດເປັນ HTML entity ໄດ້ແນວໃດ?

ເລືອກ ເຂົ້າລະຫັດ, ວາງຂໍ້ຄວາມ ຫຼື HTML ໃນຊ່ອງປ້ອນ, ແລ້ວຜົນລັບ HTML ທີ່ເຂົ້າລະຫັດອັບເດດຕາມທີ່ພິມ. ເລືອກ entity ແບບ ມີຊື່, ທົດສະນິຍົມ ຫຼື ເຮັກຊ໌, ຈາກນັ້ນໃຊ້ ສຳເນົາ. ຕົວນັບສະແດງວ່າເຂົ້າລະຫັດໄປຈັກຕົວອັກສອນ.

ຂ້ອຍຈະຖອດລະຫັດ HTML entity ກັບເປັນຂໍ້ຄວາມປົກກະຕິໄດ້ແນວໃດ?

ສະຫຼັບໄປ ຖອດລະຫັດ ແລ້ວວາງຂໍ້ຄວາມທີ່ມີ entity ເຊັ່ນ & ຫຼື A. ເຄື່ອງມືປ່ຽນ entity ແບບມີຊື່, ທົດສະນິຍົມ ແລະ ເຮັກຊ໌ກັບເປັນຕົວອັກສອນ ແລະ ສະແດງວ່າຖອດລະຫັດໄປຈັກ entity.

ຂ້ອຍຈະເຂົ້າລະຫັດຕົວອັກສອນມີເຄື່ອງໝາຍເນັ້ນສຽງ, ອີໂມຈິ ແລະ ຕົວອັກສອນທີ່ບໍ່ແມ່ນ ASCII ອື່ນໆໄດ້ແນວໃດ?

ເປີດ ເຂົ້າລະຫັດທຸກຕົວທີ່ບໍ່ແມ່ນ ASCII. ທຸກຕົວອັກສອນທີ່ເກີນຊ່ວງ ASCII ຈະຖືກປ່ຽນເປັນ entity ໃນແບບທີ່ທ່ານເລືອກ, ແທນທີ່ຈະເປັນພຽງຕົວອັກສອນພິເສດທົ່ວໄປເຊັ່ນວົງເລັບມຸມ ແລະ ເຄື່ອງໝາຍ &.

ການເຂົ້າລະຫັດ HTML ພຽງພໍທີ່ຈະປ້ອງກັນ XSS ບໍ?

ການເຂົ້າລະຫັດຂໍ້ຄວາມຜູ້ໃຊ້ກ່ອນວາງໃນເນື້ອຫາອົງປະກອບ HTML ຢຸດບໍ່ໃຫ້ແທັກຖືກປະຕິບັດເປັນ markup. ມັນບໍ່ແມ່ນການປ້ອງກັນເຕັມທີ່ໃນທຸກບໍລິບົດ, ເຊັ່ນ script ຫຼື URL, ດັ່ງນັ້ນໃຫ້ໃຊ້ການ escape ຂອງເຟຣມເວີກຂອງທ່ານນຳ.

ຂ້ອຍສາມາດກວດຜົນລັບຂອງຂ້ອຍໂດຍຖອດລະຫັດອີກຄັ້ງໄດ້ບໍ?

ໄດ້. ໃຊ້ປຸ່ມ ໃຊ້ເປັນຂໍ້ມູນປ້ອນ ເພື່ອຍ້າຍຜົນລັບໄປຊ່ອງປ້ອນ, ຈາກນັ້ນສະຫຼັບໂໝດ. ການຖອດລະຫັດຜົນລັບທີ່ເຂົ້າລະຫັດຄວນຄືນຂໍ້ຄວາມຕົ້ນສະບັບຂອງທ່ານ.

ຟຣີແທ້ບໍ?

ແມ່ນແລ້ວ. ທຸກເຄື່ອງມືແມ່ນໃຊ້ຟຣີ, ບໍ່ຕ້ອງມີບັນຊີ ແລະ ບໍ່ຕ້ອງໃຊ້ບັດເຄຣດິດ. ການເຮັດວຽກທັງໝົດແມ່ນດຳເນີນຢູ່ໃນອຸປະກອນຂອງທ່ານແທນທີ່ຈະຢູ່ໃນເຊີບເວີຂອງພວກເຮົາ, ເຊິ່ງເຮັດໃຫ້ເຮົາສາມາດໃຫ້ບໍລິການໄດ້ຟຣີ.

ມັນເຮັດວຽກຢູ່ໃນມືຖືບໍ?

ໄດ້. ມັນເຮັດວຽກໃນບຣາວເຊີມືຖືລຸ້ນໃໝ່ເທິງ iOS ແລະ Android ໂດຍບໍ່ຕ້ອງຕິດຕັ້ງຫຍັງ.

🏷️

ເຂົ້າລະຫັດ & ຖອດລະຫັດ HTML ຟຣີ

ເຂົ້າລະຫັດຕົວອັກສອນພິເສດ ເປັນ HTML entity ຫຼື ຖອດລະຫັດ entity ກັບຄືນ. ທັນທີ, ໃນບຣາວເຊີ.

ເຮັດວຽກໃນບຣາວເຊີບໍ່ຕ້ອງລົງທະບຽນ, ບໍ່ມີໜ້າຕ່າງປັອບອັບບໍ່ຈໍາເປັນຕ້ອງເຂົ້າສູ່ລະບົບຟຣີຕະຫຼອດໄປ

ເຮັດວຽກແບບອອບໄລນ໌ໄດ້ຫຼັງໂຫຼດແລ້ວ

ຜົນ:ຊື່ entity (&)ທົດສະນິຍົມ (&)Hexເຂົ້າລະຫັດທັງຫມົດ non-ASCII

ຕົວຢ່າງ:

ຂໍ້ຄວາມ / HTML

HTML ທີ່ເຂົ້າລະຫັດ

ຜົນຈະປາກົດທີ່ນີ້...

ອ້າງອີງ HTML entity ທົ່ວໄປ

©©

®®

™™

€€

——

……

ການນຳໃຊ້ທົ່ວໄປ

Encode ຕົວະ ສໍາລັບ RSS FeedsEncode HTML ຕົວະ ສໍາລັບ RSS 2.0 standard — RSS feed ລາຍ ສະ.
ທໍາ User ຕົວະ ສໍາລັບ HTML ອອກກຳEncode ທໍາ-ສະບາກ ສະ ກ່ອນ ຕັດ ລົງ HTML — ຫລີກລ້ຽງ XSS ໂພ໋ພກ.
ອັກສອນສະເພາະສໍາລັບ HTML ອີເມລອັກສອນ encode ເຊັ່ນ & < > ແລະ © ເປັນ HTML entities ເພື່ອໃຫ້ພວກເຂົາສະແດງຢ່າງຖືກຕ້ອງໃນອີເມລທັງໝົດ
ອັກສອນເນື້ອຫາຜູ້ໃຊ້ສໍາລັບການສະແດງເວັບປາກັນ XSS ໂດຍ encoding ເນື້ອຫາທີ່ສ້າງຂຶ້ນຈາກຜູ້ໃຊ້ກ່ອນສະແດງໃນຫນ້າ HTML
ອັກສອນສໍາລັບ XMLອັກສອນ encode ສໍາລັບໄຟລ XML RSS feeds sitemaps ແລະ SOAP payloads

ມັນເຮັດວຽກແນວໃດ

ການເຂົ້າ ແລະ ຖອດລະຫັດ HTML ທີ່ນີ້ເຮັດວຽກທັງໝົດພາຍໃນບຣາວເຊີຂອງທ່ານໂດຍໃຊ້ການແທນທີ່ regex ທີ່ຂຽນເອງ ແລະ ຕາຕະລາງຄົ້ນຫາ named-entity ທີ່ຝັງໄວ້ — ບໍ່ມີໄລບຣາຣີການເຂົ້າລະຫັດຈາກພາຍນອກ, ບໍ່ມີການໄປມາກັບເຊີບເວີ. ສຳລັບການຖອດລະຫັດ named entity ທີ່ບໍ່ຄ່ອຍພົບ (ເຊັ່ນ á ຫຼື “), ເຄື່ອງມືມອບໜ້າທີ່ໃຫ້ຕົວແຍກວິເຄາະ HTML ຂອງບຣາວເຊີເອງເປັນ fallback ທີ່ບໍ່ມີຄ່າໃຊ້ຈ່າຍ.

1
Regex ສະແກນຫາຕົວອັກສອນທີ່ຈະແທນທີ່
ໃນການເຂົ້າລະຫັດ, ໜຶ່ງໃນສອງ regex ທີ່ຮູ້ຈັກ Unicode ຈະເຮັດວຽກເໜືອຂໍ້ມູນນຳເຂົ້າຂອງທ່ານ: ຮູບແບບເປົ້າໝາຍທີ່ຄອບຄຸມປະມານ 25 ຕົວອັກສອນສຳຄັນຂອງ HTML ແລະ ພິເສດ, ຫຼືຮູບແບບກວ້າງທີ່ຈັບທຸກໂຄດພອຍເໜືອ U+007F. ແຕ່ລະການຈັບຄູ່ຖືກສະກັດທີລະຕົວອັກສອນ.
2
ຕາຕະລາງຄົ້ນຫາ ຫຼື codePointAt() ສ້າງ entity
ສຳລັບຜົນລັບ named-entity, ຕົວອັກສອນທີ່ຈັບຄູ່ຖືກຄົ້ນຫາໃນຕາຕະລາງທີ່ຝັງໄວ້ (ຕົວຢ່າງ & → &, © → ©). ສຳລັບຜົນລັບແບບເລກຖານ 10 ຫຼື 16, String.codePointAt() ຈະໄດ້ໂຄດພອຍ Unicode ແລະ ຈັດຮູບແບບເປັນ &#NNN; ຫຼື &#xNNN; — ຄູ່ surrogate ຖືກຈັດການຢ່າງຖືກຕ້ອງເພາະ regex ໃຊ້ flag 'u' ຂອງ Unicode.
3
Regex ຜ່ານດຽວຖອດລະຫັດ entity ກັບຄືນເປັນຕົວອັກສອນ
ໃນການຖອດລະຫັດ, regex ຜ່ານດຽວລະບຸໂທເຄັນ entity ທັງໝົດ (&, A, A, ອື່ນໆ) ແລະ ສົ່ງແຕ່ລະອັນໄປຫາຕົວຈັດການທີ່ຖືກຕ້ອງ: parseInt ຖານ 16, Number() ຖານ 10, ການຄົ້ນຫາຍ້ອນກັບແບບຊື່, ຫຼື — ສຳລັບ entity ໃດທີ່ບໍ່ຢູ່ໃນຕາຕະລາງທີ່ຝັງໄວ້ — ອົງປະກອບ textarea ທີ່ innerHTML ຂອງມັນຖືກບຣາວເຊີແຍກວິເຄາະຕາມທຳມະຊາດ, ໄດ້ຕົວອັກສອນທີ່ຖືກຕ້ອງຈາກຕາຕະລາງ entity ທີ່ມີໃນຕົວບຣາວເຊີ.
4
ຜົນລັບປາກົດທັນທີ; ຄັດລອກໄປຄລິບບອດຜ່ານ Clipboard API
ຜົນລັບຖືກຄິດໄລ່ໃໝ່ແບບຊິງໂຄຣນັນທຸກຄັ້ງທີ່ພິມຜ່ານ React useMemo. ການຄັດລອກໃຊ້ navigator.clipboard.writeText() — Clipboard API ແບບ async ທັນສະໄໝ — ພ້ອມການ catch ແບບງຽບສຳລັບບໍລິບົດທີ່ຖືກຈຳກັດ.