การแปลงทำงานสดในเบราว์เซอร์และไม่อัปโหลดข้อความออกไป ใช้ อักขระพิเศษ เมื่อต้องการข้อความ HTML ที่ปลอดภัย, Named entities สำหรับ reference ที่อ่านง่ายอย่าง © หรือใช้โหมดตัวเลขเมื่อต้องการ code point แบบ decimal หรือ hex
เข้ารหัสและถอดรหัส HTML entity
ทำงานในเบราว์เซอร์ทั้งหมด ไม่ต้องอัปโหลด ไม่ต้องสมัครสมาชิก
Escape เฉพาะอักขระที่อ่อนไหวใน HTML: ampersand, วงเล็บมุม, เครื่องหมายคำพูด และ apostrophe
อินพุต
ผลลัพธ์
ป้อนข้อความเพื่อเข้ารหัส หรือ HTML entity เพื่อถอดรหัส0 รายการอ้างอิง entityเข้า 0 อักขระ, ออก 0 อักขระ
HTML entity encoder decoder คืออะไร?
HTML entity encoder decoder แปลงอักขระไปมาระหว่างข้อความที่อ่านได้กับ HTML character reference เช่น <, ©, © และ 🌍 ใช้เพื่อ escape อักขระที่กระทบกับ markup ก่อนวางข้อความลงใน HTML หรือถอดรหัส entity จากซอร์สโค้ดกลับเป็นข้อความปกติ
วิธีใช้งาน
- 1เลือก Encode หรือ Decode. เลือก Encode เพื่อแปลงข้อความเป็น HTML entity หรือ Decode เพื่อแปลง entity reference กลับเป็นอักขระที่อ่านได้
- 2เลือกโหมดเข้ารหัส. ใช้ อักขระพิเศษ สำหรับข้อความ HTML ที่ปลอดภัย, Named entities สำหรับชื่อที่อ่านง่าย หรือ Decimal และ Hex สำหรับ numeric code-point reference
- 3วางข้อความ. ผลลัพธ์อัปเดตสดในแผงผลลัพธ์ โหมด Decode รองรับ named, decimal และ hexadecimal reference พร้อมกัน
- 4คัดลอกผลลัพธ์. คัดลอกข้อความที่เข้ารหัสหรือถอดรหัสแล้วไปใช้ใน HTML, เทมเพลต, อีเมล หรือเอกสารประกอบ
เหมาะกับใคร
- นักพัฒนาเว็บ escape snippet ที่มีวงเล็บมุม, ampersand, เครื่องหมายคำพูด หรือ apostrophe ก่อนแสดงเป็นข้อความ
- ผู้แก้ไขคอนเทนต์ ถอดรหัสข้อความจาก CMS หรือเทมเพลตอีเมลที่สัญลักษณ์แสดงเป็น
&, หรือ© - ทีม QA และซัพพอร์ต ตรวจว่าหน้าเว็บที่เสียมี markup ดิบหรือมี entity reference ที่ถูก escape แล้ว
- ผู้เขียนเอกสาร เตรียมตัวอย่างที่แสดงแท็ก HTML โดยไม่ให้เบราว์เซอร์ตีความเป็น markup จริง
คำถามที่พบบ่อย
HTML entity encoder decoder นี้ฟรีไหม?
ฟรี ใช้เครื่องมือเข้ารหัสและถอดรหัส HTML entity ได้โดยไม่ต้องสมัคร ไม่ต้องดาวน์โหลด และไม่มีจำกัดการใช้งาน วางข้อความ เลือกโหมด แล้วคัดลอกผลลัพธ์จากเบราว์เซอร์
ข้อความถูกอัปโหลดไปที่ไหนไหม?
ไม่ การเข้ารหัสและถอดรหัสเกิดขึ้นในเบราว์เซอร์ ข้อความที่วางในวิดเจ็ตไม่ถูกส่งไปยังเซิร์ฟเวอร์ จึงเหมาะกับเทมเพลตส่วนตัว snippet ของซอร์สโค้ด และเคสซัพพอร์ต
ควรเข้ารหัสอักขระไหนเพื่อให้ HTML ปลอดภัย?
อย่างน้อยควร escape ampersand, เครื่องหมายน้อยกว่า, เครื่องหมายมากกว่า และเครื่องหมายคำพูด เมื่อแทรกข้อความลงใน HTML หรือ attribute อักขระเหล่านี้อาจเริ่ม markup, entity หรือขอบเขต attribute ได้ ส่วนการเข้ารหัสทุกอักขระที่ไม่ใช่ ASCII เป็นทางเลือกสำหรับหน้า UTF-8 สมัยใหม่
Named, decimal และ hex entity ต่างกันอย่างไร?
Named entity ใช้ชื่อที่อ่านได้ เช่น <code>&copy;</code> Decimal numeric reference ใช้ code point ฐานสิบ เช่น <code>&#169;</code> ส่วน hex reference ใช้ code point ฐานสิบหก เช่น <code>&#xa9;</code> เบราว์เซอร์ถอดรหัสได้ทั้งสามแบบ
ตัวถอดรหัสรองรับ emoji และข้อความภาษาอื่นไหม?
รองรับ Numeric reference แทน Unicode code point ที่ถูกต้องได้ทุกค่า รวมถึง emoji และสคริปต์ที่ไม่ใช่ละติน เช่น <code>&#x1f30d;</code> ถอดรหัสเป็น emoji รูปโลก และ named entity อย่าง <code>&eacute;</code> ถอดเป็นตัวอักษรมีสำเนียง
HTML ที่ถอดรหัสแล้วจะทำงานเป็น markup จริงไหม?
ไม่ ผลลัพธ์ที่ถอดรหัสแสดงใน textarea ธรรมดา แท็กจึงยังเป็นข้อความในเครื่องมือ แต่ถ้าคัดลอกผลลัพธ์ไปใส่เอกสาร HTML เบราว์เซอร์จะตีความแท็กจริงเป็น markup
ทำไม ampersand ที่ถูก escape ซ้ำถึงถอดรหัสได้แค่ครั้งเดียว?
<code>&amp;</code> คือ entity สำหรับ ampersand ตัวอักษรจริง ถอดรหัสหนึ่งครั้งจะได้ <code>&</code> ถ้า string ถูกเข้ารหัสหลายรอบ อาจต้องถอดรหัสมากกว่าหนึ่งครั้ง แต่ควรทำเฉพาะเมื่อรู้ว่าแหล่งข้อมูลถูก escape ซ้ำจริง