จะเข้ารหัสอักขระพิเศษเป็น HTML entity ได้อย่างไร

เลือก Encode วางข้อความหรือ HTML ลงในอินพุต แล้วเอาต์พุต Encoded HTML จะอัปเดตตามที่พิมพ์ เลือก entity แบบ Named, Decimal หรือ Hex แล้วใช้ Copy ตัวนับแสดงว่าเข้ารหัสไปกี่ตัวอักษร

จะถอดรหัส HTML entity กลับเป็นข้อความปกติได้อย่างไร

สลับไปที่ Decode แล้ววางข้อความที่มี entity เช่น & หรือ A เครื่องมือจะแปลง entity แบบชื่อ ทศนิยม และเลขฐานสิบหกกลับเป็นอักขระ และแสดงว่าถอดรหัส entity ไปกี่ตัว

จะเข้ารหัสตัวอักษรมีเครื่องหมายเน้นเสียง อีโมจิ และอักขระ non-ASCII อื่นๆ ได้อย่างไร

เปิด Encode all non-ASCII อักขระทุกตัวที่อยู่เหนือช่วง ASCII จะถูกแปลงเป็น entity ตามรูปแบบที่คุณเลือก แทนที่จะเป็นเพียงอักขระพิเศษทั่วไป เช่น วงเล็บเหลี่ยมมุมและเครื่องหมายแอมเพอร์แซนด์

การเข้ารหัส HTML เพียงพอที่จะป้องกัน XSS ไหม

การเข้ารหัสข้อความของผู้ใช้ก่อนใส่ในเนื้อหาขององค์ประกอบ HTML ช่วยไม่ให้แท็กถูกมองเป็นมาร์กอัป แต่ไม่ใช่การป้องกันที่สมบูรณ์ในทุกบริบท เช่น สคริปต์หรือ URL ดังนั้นควรใช้การ escape ของเฟรมเวิร์กของคุณด้วย

ตรวจผลลัพธ์ด้วยการถอดรหัสอีกครั้งได้ไหม

ได้ ใช้ปุ่ม Use as input เพื่อย้ายเอาต์พุตไปที่อินพุต แล้วสลับโหมด การถอดรหัสผลลัพธ์ที่เข้ารหัสควรได้ข้อความเดิมของคุณกลับมา

ฟรีจริงหรือ

ใช่ ทุกเครื่องมือใช้งานได้ฟรี ไม่ต้องมีบัญชีและไม่ต้องใช้บัตรเครดิต การทำงานเกิดขึ้นบนอุปกรณ์ของคุณแทนที่จะเป็นเซิร์ฟเวอร์ของเรา ซึ่งเป็นสิ่งที่ทำให้ใช้งานได้ฟรี

ใช้งานได้บนมือถือหรือไม่?

ได้ ใช้งานได้บนเบราว์เซอร์มือถือรุ่นปัจจุบันทั้ง iOS และ Android โดยไม่ต้องติดตั้งอะไร

🏷️

เข้ารหัสและถอดรหัส HTML ฟรี

เข้ารหัสอักขระพิเศษเป็น HTML entity หรือถอดรหัส entity กลับเป็นข้อความธรรมดา ทันทีในเบราว์เซอร์

ทำงานในเบราว์เซอร์ไม่ต้องสมัคร ไม่มีป๊อปอัปไม่ต้องเข้าสู่ระบบฟรีตลอดไป

ใช้งานได้แบบออฟไลน์เมื่อโหลดแล้ว

เอาต์พุต:เอนทิตีมีชื่อ (&)เอนทิตีทศนิยม (&)Hexเข้ารหัส non-ASCII ทั้งหมด

ตัวอย่าง:

ข้อความธรรมดา / HTML

HTML ที่เข้ารหัสแล้ว

ผลลัพธ์จะปรากฏที่นี่…

รายการเอนทิตี HTML ที่ใช้บ่อย

©©

®®

™™

€€

——

……

การใช้งานทั่วไป

เข้ารหัสเนื้อหาสำหรับ RSS Feedsเข้ารหัสเนื้อหา HTML สำหรับคำอธิบายรายการ RSS feed — ต้องใช้โดยมาตรฐาน RSS 2.0
ฉีดอินพุตผู้ใช้สำหรับเอาต์พุต HTMLเข้ารหัสสตริงที่ให้มาโดยผู้ใช้ก่อนแทรกลงใน HTML — ป้องกันการโจมตีด้วยการฉีด XSS
เข้ารหัสอักขระพิเศษสำหรับอีเมล HTMLเข้ารหัสอักขระเช่น & < > และ © เป็นเอนทิตี้ HTML เพื่อให้แสดงผลได้อย่างถูกต้องในไคลเอนต์อีเมลทั้งหมด
เข้ารหัสเนื้อหาผู้ใช้สำหรับการแสดงผล Webป้องกันการโจมตี XSS โดยเข้ารหัสเนื้อหาที่ผู้ใช้สร้างขึ้นก่อนการแสดงผลในหน้า HTML
เข้ารหัสเนื้อหาสำหรับ XMLเข้ารหัสอักขระพิเศษสำหรับไฟล์ XML ฟีด RSS แผนที่ไซต์ และเพลเดอร์ SOAP

วิธีการทำงาน

การเข้ารหัสและถอดรหัส HTML ที่นี่ทำงานในเบราว์เซอร์ทั้งหมดด้วยการแทนที่ regex ที่เขียนขึ้นเองและตารางค้นหา named entity ที่กำหนดไว้ — ไม่มีไลบรารีเข้ารหัสภายนอก ไม่มีการเรียกเซิร์ฟเวอร์ไปกลับ สำหรับการถอดรหัส named entity ที่ไม่ค่อยพบ (เช่น á หรือ “) เครื่องมือจะมอบให้ตัวแยกวิเคราะห์ HTML ของเบราว์เซอร์เองเป็นทางสำรองที่ไม่มีต้นทุน

1
regex สแกนหาอักขระที่จะแทนที่
เมื่อเข้ารหัส regex ที่รองรับ Unicode หนึ่งในสองตัวจะทำงานกับอินพุต: รูปแบบเฉพาะที่ครอบคลุมอักขระสำคัญใน HTML และอักขระพิเศษทั่วไปราว 25 ตัว หรือรูปแบบกว้างที่จับทุก code point ที่สูงกว่า U+007F แต่ละตำแหน่งที่ตรงกันถูกจัดการทีละอักขระ
2
ตารางค้นหาหรือ codePointAt() สร้าง entity
สำหรับผลลัพธ์แบบ named entity อักขระที่ตรงกันถูกค้นหาในตารางที่กำหนดไว้ (เช่น & → &, © → ©) สำหรับผลลัพธ์แบบทศนิยมหรือฐานสิบหก String.codePointAt() ดึง code point ของ Unicode และจัดรูปแบบเป็น &#NNN; หรือ &#xNNN; — surrogate pair ถูกจัดการได้ถูกต้องเพราะ regex ใช้แฟล็ก 'u' ของ Unicode
3
regex รอบเดียวถอดรหัส entity กลับเป็นอักขระ
เมื่อถอดรหัส regex รอบเดียวระบุโทเค็น entity ทั้งหมด (&, A, A ฯลฯ) และส่งแต่ละตัวไปยังตัวจัดการที่เหมาะสม: parseInt ฐานสิบหก (base 16), Number() ทศนิยม, การค้นหาย้อนกลับแบบ named หรือ — สำหรับ entity ที่ไม่อยู่ในตาราง — องค์ประกอบ textarea ที่เบราว์เซอร์แยกวิเคราะห์ innerHTML แบบเนทีฟ คืนอักขระที่ถูกต้องจากตาราง entity ในตัวของเบราว์เซอร์
4
ผลลัพธ์ปรากฏทันที คัดลอกไปยังคลิปบอร์ดผ่าน Clipboard API
ผลลัพธ์คำนวณใหม่แบบซิงโครนัสทุกการกดแป้นผ่าน React useMemo การคัดลอกใช้ navigator.clipboard.writeText() — Clipboard API แบบ async สมัยใหม่ — พร้อมการดักข้อผิดพลาดแบบเงียบสำหรับบริบทที่ถูกจำกัด