Ojoo - Developer Tools

Input Content Workspace

HTML Code or Raw Text:

Click any preset sample to populate input instantly:

Entity Output Encoding Format

Named Entities are human-readable standard HTML5 references. Numeric Obfuscation converts every letter into numeric entity references.

Output Workspace

Input Size0 B

Output Size0 B

Encoded Entities0

Security StatusSafe

Character	Named Entity	Decimal Entity	Hexadecimal Entity
No special HTML characters detected.

Sandboxed Safe HTML Rendering

sandbox="" (No JS Execution)

Demonstrates that encoded entities safely render as literal text without executing embedded tags or scripts.

Recent Encoded HTML:

XSS Vulnerability Prevention

Escapes <script> tags, <iframe> elements, and inline JavaScript event handlers to prevent Cross-Site Scripting (XSS) code execution.

HTML5 Entity Specifications

Converts characters into standard HTML5 named references (&, ") or decimal (<) and hex (<) numeric entities.

Sandboxed Live Rendering

Test and verify safely inside a strictly sandboxed <iframe sandbox=""> container with zero script execution privileges.

`; // Save to History saveToHistory(text, data.result); }) .catch(err => { showToast('An unexpected network error occurred.', 'danger'); }); } function renderMatrix(str) { matrixTableBody.innerHTML = ''; const specialChars = ['<', '>', '&', '"', "'", '©', '®', '€', '™']; const found = []; for (let char of str) { if (specialChars.includes(char) && !found.includes(char)) { found.push(char); } } if (found.length === 0) { matrixTableBody.innerHTML = `No standard special HTML characters (e.g., <, >, &, ", ') found in input.`; return; } found.forEach(char => { const code = char.charCodeAt(0); const namedMap = { '<': '<', '>': '>', '&': '&', '"': '"', "'": ''', '©': '©', '®': '®', '€': '€', '™': '™' }; const named = namedMap[char] || `&#${code};`; const dec = `&#${code};`; const hex = `&#x${code.toString(16).toUpperCase()};`; const tr = document.createElement('tr'); tr.innerHTML = ` ${escapeHtml(char)} ${escapeHtml(named)} ${escapeHtml(dec)} ${escapeHtml(hex)} `; matrixTableBody.appendChild(tr); }); } btnCopyHtmlEncode.addEventListener('click', function () { navigator.clipboard.writeText(htmlEncodeOutputText.value); showToast('HTML entities copied to clipboard!', 'success'); }); btnDownloadHtmlEncode.addEventListener('click', function () { if (!htmlEncodeOutputText.value) return; const blob = new Blob([htmlEncodeOutputText.value], { type: 'text/html;charset=utf-8;' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = `html_encoded_${Date.now()}.html`; a.click(); URL.revokeObjectURL(url); showToast('Downloaded encoded HTML entities file!', 'success'); }); // History Functions function saveToHistory(raw, encoded) { let history = JSON.parse(localStorage.getItem('html_encode_history') || '[]'); history = history.filter(item => item.raw !== raw); history.unshift({ raw, encoded, time: new Date().toLocaleTimeString() }); if (history.length > 10) history.pop(); localStorage.setItem('html_encode_history', JSON.stringify(history)); renderHistory(); } function renderHistory() { htmlHistoryList.innerHTML = ''; let history = JSON.parse(localStorage.getItem('html_encode_history') || '[]'); if (history.length === 0) { htmlHistoryList.innerHTML = `

No recent request history.

`; return; } history.forEach(item => { const div = document.createElement('div'); div.className = 'p-2 border-bottom d-flex justify-content-between align-items-center font12px'; div.innerHTML = `

${escapeHtml(item.raw)}

`; htmlHistoryList.appendChild(div); }); htmlHistoryList.querySelectorAll('.btn-retest-history').forEach(btn => { btn.addEventListener('click', function () { htmlEncodeInput.value = this.getAttribute('data-raw'); encodeHtml(); }); }); } btnClearHistory.addEventListener('click', function () { localStorage.removeItem('html_encode_history'); renderHistory(); showToast('Encoding history cleared.', 'info'); }); function escapeHtml(str) { if (typeof str !== 'string') return str; return str.replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"'); } renderHistory(); });

Ojoo is a low-code/no-code platform to build apps, automate workflows, and manage business operations — all in one place.

Follow Us

Need assistance or custom enterprise solutions?

Contact Support