Fydler UtilityBelt - HTML Entity Converter

HTML Entity Converter

Data & Formatting Tool

Input Text

Result

About HTML Entities

HTML entities are used to display reserved characters in HTML, such as <, >, and &, or characters that are not present on your keyboard. Encoding ensures that the browser interprets these characters as text rather than HTML tags.

Copied to clipboard!

lucide.createIcons(); const input = document.getElementById('input-text'); const output = document.getElementById('output-text'); const encodeBtn = document.getElementById('encode-btn'); const decodeBtn = document.getElementById('decode-btn'); const copyBtn = document.getElementById('copy-btn'); encodeBtn.addEventListener('click', () => { const val = input.value; output.value = val.replace(/[\u00A0-\u9999<>\&]/g, function(i) { return '&#' + i.charCodeAt(0) + ';'; }); }); decodeBtn.addEventListener('click', () => { const val = input.value; const doc = new DOMParser().parseFromString(val, 'text/html'); output.value = doc.documentElement.textContent; }); copyBtn.addEventListener('click', () => { if (output.value) { navigator.clipboard.writeText(output.value); showToast('Copied to clipboard!'); } }); function showToast(msg) { const toast = document.getElementById('toast'); const toastMsg = document.getElementById('toast-message'); toastMsg.textContent = msg; toast.classList.add('show'); setTimeout(() => toast.classList.remove('show'), 2000); }