← กลับไปยังคุณสมบัติ
Free

HTML Entity Encoder

HTML Entity Encoder ช่วยแปลงอักขระพิเศษ (< > & " ') เป็นค่า HTML Entity (&lt; &gt; &amp; &quot; &#39;) และแปลงกลับ จำเป็นอย่างยิ่งสำหรับการแสดงผลเนื้อหาของผู้ใช้ให้ปลอดภัย, การฝังโค้ดในเอกสาร หรือการป้องกัน XSS เมื่อแสดงผลข้อมูลที่รับมาจากผู้ใช้

เมื่อคุณต้องการแสดงแท็ก HTML เป็นข้อความ, ฝังตัวอย่างโค้ดในหน้าเว็บ หรือแสดงเนื้อหาที่ส่งโดยผู้ใช้อย่างปลอดภัย การเข้ารหัส HTML Entity คือคำตอบ เครื่องมือนี้ให้การแปลงแบบสองทิศทางทันที การเข้ารหัสจะแทนที่อักขระ HTML พิเศษด้วย Entity ที่เทียบเท่าเพื่อให้เบราว์เซอร์แสดงผลเป็นตัวอักษรโดยตรงแทนที่จะมองเป็นเครื่องหมายไวยากรณ์ การถอดรหัสจะทำงานในทางตรงกันข้าม เครื่องมือนี้จัดการ Entity หลักของ XML ทั้งห้าตัว รวมถึงการอ้างอิง Entity แบบตัวเลข (&#NN; และ &#xHH;) เพื่อให้คุณสามารถทำงานกับเนื้อหาที่เข้ารหัสได้ทุกรูปแบบ การแปลงเกิดขึ้นแบบเรียลไทม์ขณะที่คุณพิมพ์ พร้อมปุ่มสลับเพื่อตรวจสอบความถูกต้องของการแปลงกลับ

ตัวอย่างสด
example.com
ตัวเข้ารหัสเอนทิตี HTML เข้ารหัส ถอดรหัส
อินพุต
<div class="box">Hello & welcome!</div>
เอาต์พุตที่เข้ารหัสแล้ว
&lt;div class=&quot;box&quot;&gt;Hello &amp; welcome!&lt;/div&gt;
&lt; &gt; &amp; &quot; &#39;
คุณสมบัติหลัก

เข้ารหัสอักขระพิเศษ

แปลง < > & " ' ให้เป็น &lt; &gt; &amp; &quot; &#39; — ซึ่งเป็นอักขระ HTML ที่จองไว้ทั้งห้าตัวที่จำเป็นต้องเข้ารหัสเพื่อให้แสดงผลเป็นข้อความ

ถอดรหัสการอ้างอิง Entity

ถอดรหัสการอ้างอิง Entity ทั้งแบบชื่อ (&amp; &lt; &nbsp;) และแบบตัวเลข (&#60; &#x3C;) กลับเป็นอักขระดั้งเดิม

คัดลอกในคลิกเดียว

คัดลอกผลลัพธ์การเข้ารหัสหรือถอดรหัสด้วยคลิกเดียว นำเอาต์พุตไปใส่ใน HTML, เอกสาร หรือซอร์สโค้ดของคุณได้ทันที

การแปลงแบบเรียลไทม์

เอาต์พุตจะอัปเดตสดๆ ขณะที่คุณพิมพ์ ไม่ต้องกดปุ่มเข้ารหัส — เห็นผลลัพธ์ทันทีเพื่อการทำงานที่รวดเร็ว

รองรับ Entity แบบตัวเลข

รองรับการอ้างอิงตัวเลขทั้งแบบฐานสิบ (&#65;) และฐานสิบหก (&#x41;) รวมถึง Named Entity เช่น &amp;nbsp;, &amp;copy;, &amp;trade;

การตรวจสอบแบบครบวงจร

เข้ารหัสแล้วถอดรหัสผลลัพธ์เพื่อยืนยันว่าเอาต์พุตตรงกับต้นฉบับ — เป็นวิธีที่รวดเร็วในการตรวจสอบว่าคุณจัดการเนื้อหาได้อย่างปลอดภัย

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

การฝังโค้ดในเอกสาร

หากต้องการแสดงแท็ก HTML เป็นตัวอักษรธรรมดาในหน้า Markdown หรือ HTML ให้เข้ารหัสอักขระพิเศษ — ไม่ต้องกังวลว่าตัวอย่างโค้ดจะถูกรันเป็นแท็กจริงๆ อีกต่อไป

การป้องกัน XSS

ก่อนจะแสดงผลข้อมูลที่ได้รับจากผู้ใช้กลับไปยังหน้าเว็บ ให้เข้ารหัส HTML Entity เพื่อทำให้แท็ก <script> และช่องทางการโจมตีอื่นๆ กลายเป็นกลาง

ดีบั๊ก HTML ที่ผิดรูปแบบ

ถอดรหัสการอ้างอิง Entity ในเอาต์พุตที่น่าสงสัยเพื่อดูว่าอักขระใดถูกสร้างขึ้นมาจริงๆ — ช่วยระบุบั๊กในการทำ Escaping

การย้ายเนื้อหา

แปลง HTML ที่มี Entity จากระบบหนึ่ง (เช่น CMS, เทมเพลตอีเมล) ให้เป็นข้อความธรรมดาสำหรับอีกระบบหนึ่ง (เช่น ฟิลด์ฐานข้อมูล, อีเมลแบบข้อความล้วน)

ความปลอดภัยของ Tooltip และ Attribute

เข้ารหัสเนื้อหาก่อนจะใส่ลงใน Attribute ของ HTML (title="...", data-*) เพื่อให้เครื่องหมายคำพูดและอักขระพิเศษไม่ทำให้ Attribute ขัดข้อง

วิธีใช้งาน
1

เปิดเครื่องมือ HTML Entity

คลิกไอคอน HTML Entity ใน DevSuite Pro dock แผงแก้ไขจะเปิดขึ้นพร้อมตัวเลือก Encode และ Decode

2

วาง HTML หรือข้อความ

วางสตริงที่คุณต้องการเข้ารหัส (HTML ดิบที่ต้องแสดงเป็นข้อความ) หรือถอดรหัส (เนื้อหาที่เต็มไปด้วย Entity ที่ต้องแสดงผล)

3

เลือกโหมด

เลือก Encode เพื่อแปลงอักขระพิเศษเป็น Entity หรือ Decode เพื่อแปลง Entity กลับเป็นอักขระปกติ

4

ดูผลลัพธ์

เอาต์พุตที่เข้ารหัสหรือถอดรหัสจะปรากฏทันทีในช่องข้างๆ — อินพุตที่ยาวสามารถเลื่อนดูได้และจะตัดบรรทัดให้อัตโนมัติ

5

คัดลอกผลลัพธ์

คลิก Copy เพื่อนำเอาต์พุตไปใช้ในเอกสาร, ตัวอย่างโค้ด หรือหน้าเว็บที่ผู้ใช้เห็นเพื่อให้แสดงผลได้อย่างปลอดภัย

พร้อมที่จะลองหรือยัง?

ติดตั้ง DevSuite Pro ฟรีและปลดล็อกเครื่องมือสำหรับนักพัฒนามากกว่า 64 รายการสำหรับเบราว์เซอร์ของคุณ

เพิ่มใน Chrome เพิ่มไปยัง Edge เพิ่มใน FireFox