<div class="nfaf-generated-content"><div class="nfaf-visual-card" style="--nfaf-accent:#2e2c98"><div class="nfaf-visual-icon" aria-hidden="true"><svg viewBox="0 0 64 64" role="img"><circle cx="32" cy="32" r="28" fill="currentColor" opacity=".12"></circle><path d="M20 34l8 8 17-19" fill="none" stroke="currentColor" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><div><strong>HTML Entity Encoder and Decoder</strong><span>Browser-first utility with visible inputs, outputs, and limitations.</span></div></div><p class="nfaf-lede">This tool makes characters such as ampersands, angle brackets, and quotation marks visible as text in an HTML context.</p><p><strong>Designed for:</strong> Web developers, technical writers, and QA testers inspecting HTML snippets.</p><h2>How to use this tool</h2><p>Choose Encode or Decode, paste a small text sample, and inspect the output. Treat the result as a display aid and still use the output-encoding rules of the target framework.</p><h2>How the result is produced</h2><p>The browser uses a small explicit mapping for common HTML-sensitive characters and numeric character references for other selected code points. It does not execute the input as HTML.</p><h2>Test examples</h2><p><script> becomes <script> for visible documentation text. An ampersand in a URL query value still needs URL-component handling in addition to HTML context handling.</p><h2>Limitations</h2><p>Encoding for HTML text is not the same as URL encoding, JavaScript-string escaping, SQL escaping, or sanitization. Context-specific output encoding and a trusted framework remain necessary.</p><h2>Privacy and processing</h2><p>The sample is transformed locally and is not sent to the server.</p><h2>Related guide</h2><p><a href="https://nofyi.com/html-escaping-is-context-specific/">HTML escaping is context-specific output encoding</a></p><h2>Related tools in this category</h2><ul class="nfaf-related-tools"><li><a href="https://nofyi.com/tools/url-encoder-decoder/">URL Encoder and Decoder</a><span>Use this for query values and URL components, not for blindly re-encoding a complete URL.</span></li></ul><h2>Documentation</h2><ul><li><a href="https://html.spec.whatwg.org/multipage/syntax.html" rel="nofollow noopener" target="_blank">https://html.spec.whatwg.org/multipage/syntax.html</a></li><li><a href="https://developer.mozilla.org/en-US/docs/Glossary/Entity" rel="nofollow noopener" target="_blank">https://developer.mozilla.org/en-US/docs/Glossary/Entity</a></li></ul><p class="nfaf-disclosure">This page describes the implementation shipped with the NOFYI Tool Factory. Review the interface output before using it in a production workflow.</p></div><div class="nfaf-app-slot">[nfaf_tool_app]</div>
