and your site renders it unencoded, the script executes. Always encode user input before rendering it in HTML. Server-side frameworks do this automatically in templates, but be aware of contexts where raw rendering is enabled. The HTML Entity Encoder encodes any string for safe HTML display."), React.createElement(Heading, {id: "tool-usage"}, "Using the HTML Entity Encoder"), React.createElement(P, null, "Paste any text into the HTML Entity Encoder to encode all special characters into their entity equivalents. Switch to decode mode to convert entity strings back to readable text. The tool handles named entities, decimal entities, and hex entities in both directions."),React.createElement("div",{style:{marginTop:48}},React.createElement(Heading,{id:"faq"},"Frequently Asked Questions"),React.createElement("details", {style:{marginBottom:12,border:"1px solid rgba(255,255,255,0.06)",borderRadius:10,overflow:"hidden"}}, React.createElement("summary", {style:{padding:"16px 20px",cursor:"pointer",fontWeight:600,fontSize:15,color:"rgba(255,255,255,0.8)",background:"rgba(255,255,255,0.02)",listStyle:"none",display:"flex",alignItems:"center",justifyContent:"space-between"}}, "What are HTML entities?", React.createElement("span", {style:{color:"rgba(255,255,255,0.2)",fontSize:18}}, "+")), React.createElement("div", {style:{padding:"16px 20px",color:"rgba(255,255,255,0.75)",lineHeight:1.7,fontSize:14}}, "HTML entities are escape sequences that represent special characters. They prevent characters like < and & from being interpreted as HTML markup. Format: &name; or &#number; or &#xhex;")), React.createElement("details", {style:{marginBottom:12,border:"1px solid rgba(255,255,255,0.06)",borderRadius:10,overflow:"hidden"}}, React.createElement("summary", {style:{padding:"16px 20px",cursor:"pointer",fontWeight:600,fontSize:15,color:"rgba(255,255,255,0.8)",background:"rgba(255,255,255,0.02)",listStyle:"none",display:"flex",alignItems:"center",justifyContent:"space-between"}}, "Which characters need HTML encoding?", React.createElement("span", {style:{color:"rgba(255,255,255,0.2)",fontSize:18}}, "+")), React.createElement("div", {style:{padding:"16px 20px",color:"rgba(255,255,255,0.75)",lineHeight:1.7,fontSize:14}}, "At minimum: & (ampersand), < (less than), > (greater than), \" (double quote), and ' (single quote). These characters have special meaning in HTML and must be encoded when used as content.")), React.createElement("details", {style:{marginBottom:12,border:"1px solid rgba(255,255,255,0.06)",borderRadius:10,overflow:"hidden"}}, React.createElement("summary", {style:{padding:"16px 20px",cursor:"pointer",fontWeight:600,fontSize:15,color:"rgba(255,255,255,0.8)",background:"rgba(255,255,255,0.02)",listStyle:"none",display:"flex",alignItems:"center",justifyContent:"space-between"}}, "Why is HTML encoding important for security?", React.createElement("span", {style:{color:"rgba(255,255,255,0.2)",fontSize:18}}, "+")), React.createElement("div", {style:{padding:"16px 20px",color:"rgba(255,255,255,0.75)",lineHeight:1.7,fontSize:14}}, "Encoding prevents cross-site scripting (XSS) attacks. Without encoding, user-supplied content containing