first commit

2026-05-01 20:02:13 +02:00
commit 75fb753fc0
77 changed files with 4793 additions and 0 deletions
@@ -0,0 +1,53 @@
+<!-- ═══════════════ HTML ENTITIES ═══════════════ -->
+<div class="page" id="page-htmlent">
+  <button class="back-btn" onclick="showPage('home')">← Back to Tools</button>
+  <div class="section-header">
+    <h2><i class="fab fa-html5" style="color:var(--green)"></i> HTML Entity Encoder / Decoder</h2>
+    <p>Convert special characters to HTML entities and back.</p>
+  </div>
+  <div class="split-panel">
+    <div>
+      <div class="panel-label">Input</div>
+      <textarea id="htmlEntInput" placeholder='<div class="test">&amp; more</div>'></textarea>
+      <div class="btn-group">
+        <button class="btn btn-primary" onclick="htmlEntOp('encode')"><i class="fas fa-lock"></i> Encode</button>
+        <button class="btn btn-cyan" onclick="htmlEntOp('decode')"><i class="fas fa-unlock"></i> Decode</button>
+      </div>
+    </div>
+    <div>
+      <div class="panel-label">Output</div>
+      <textarea id="htmlEntOutput" readonly></textarea>
+      <div class="btn-group"><button class="btn btn-green btn-sm" onclick="copyOutput('htmlEntOutput')"><i class="fas fa-copy"></i> Copy</button></div>
+    </div>
+  </div>
+  <div class="status" id="htmlEntStatus"></div>
+  <div class="api-usage">
+    <button class="api-usage-toggle" onclick="toggleApiUsage(this)"><span><i class="fas fa-terminal"></i> API Usage <span class="badge">REST</span></span><i class="fas fa-chevron-down"></i></button>
+    <div class="api-usage-body">
+      <div class="api-baseurl-note">All examples use <code>BASE_URL</code> — set it to your deployment URL.</div>
+      <div class="api-endpoint">
+        <span class="api-method post">POST</span><span class="api-path">/api/html/encode</span>
+        <div class="api-desc">Convert special characters to HTML entities.</div>
+        <div class="api-code"><button class="api-code-copy" onclick="copyApiCode(this)">Copy</button><span class="kw">const</span> <span class="var">BASE_URL</span> = <span class="str">"http://localhost:3000"</span>;
+
+<span class="kw">const</span> res = <span class="kw">await</span> <span class="fn">fetch</span>(<span class="var">`${BASE_URL}/api/html/encode`</span>, {
+  method: <span class="str">"POST"</span>,
+  headers: { <span class="str">"Content-Type"</span>: <span class="str">"application/json"</span> },
+  body: JSON.<span class="fn">stringify</span>({ text: <span class="str">'&lt;div class="test"&gt;&amp;&lt;/div&gt;'</span> })
+});
+<span class="cm">// → { success: true, result: "&amp;lt;div class=&amp;quot;test&amp;quot;&amp;gt;..." }</span></div>
+      </div>
+      <div class="api-endpoint">
+        <span class="api-method post">POST</span><span class="api-path">/api/html/decode</span>
+        <div class="api-desc">Decode HTML entities back to characters.</div>
+        <div class="api-code"><button class="api-code-copy" onclick="copyApiCode(this)">Copy</button><span class="kw">await</span> <span class="fn">fetch</span>(<span class="var">`${BASE_URL}/api/html/decode`</span>, {
+  method: <span class="str">"POST"</span>,
+  headers: { <span class="str">"Content-Type"</span>: <span class="str">"application/json"</span> },
+  body: JSON.<span class="fn">stringify</span>({ text: <span class="str">"&amp;lt;p&amp;gt;Hello&amp;lt;/p&amp;gt;"</span> })
+});
+<span class="cm">// → { success: true, result: "&lt;p&gt;Hello&lt;/p&gt;" }</span></div>
+      </div>
+    </div>
+  </div>
+</div>
+