Update app.py

app.py

@@ -161,33 +161,39 @@ def admin_panel():
             <div>
                 <h2 class="text-sm text-zinc-500 mb-4 uppercase">/// New Entry</h2>
                 <form id="blogForm" onsubmit="submitBlog(event)">
-                    <label class="text-xs text-zinc-500">Title</label>
-                    <input type="text" name="title" required class="input-field">
-                    
-                    <label class="text-xs text-zinc-500">Image URL</label>
-                    <input type="url" name="image" required class="input-field">
-
-                    <label class="text-xs text-zinc-500">Link URL</label>
-                    <input type="url" name="url" required class="input-field">
-
-                    <label class="text-xs text-zinc-500">Summary</label>
-                    <textarea name="summary" rows="3" required class="input-field"></textarea>
-
-                    <div class="flex gap-4">
-                        <div class="w-1/2">
-                            <label class="text-xs text-zinc-500">Author</label>
-                            <input type="text" name="author" value="Admin" class="input-field">
-                        </div>
-                        <div class="w-1/2">
-                            <label class="text-xs text-zinc-500">Date (YYYY-MM-DD)</label>
-                            <input type="date" name="date" class="input-field text-zinc-400">
-                        </div>
-                    </div>
+    <label class="text-xs text-zinc-500">Title</label>
+    <input type="text" name="title" required class="input-field">
+    
+    <label class="text-xs text-zinc-500">Image URL</label>
+    <input type="url" name="image" required class="input-field">
+
+    <label class="text-xs text-zinc-500">Link URL</label>
+    <input type="url" name="url" required class="input-field">
+
+    <label class="text-xs text-zinc-500">Summary</label>
+    <textarea name="summary" rows="3" required class="input-field"></textarea>
+
+    <label class="text-xs text-zinc-500">Full HTML Content</label>
+    <textarea name="content_html" rows="6" required class="input-field"></textarea>
+
+    <div class="flex gap-4">
+        <div class="w-1/2">
+            <label class="text-xs text-zinc-500">Author</label>
+            <input type="text" name="author" value="Admin" class="input-field">
+        </div>
+        <div class="w-1/2">
+            <label class="text-xs text-zinc-500">Date (YYYY-MM-DD)</label>
+            <input type="date" name="date" class="input-field text-zinc-400">
+        </div>
+    </div>
+
+    <button type="submit" class="btn w-full mt-2">PUBLISH DATA</button>
+</form>
+<h2 class="text-xs text-zinc-500 mt-6 mb-2 uppercase">/// Live Preview</h2>
+<div class="border border-zinc-800 bg-zinc-900 p-4 h-64 overflow-auto" id="livePreview">
+    <p class="text-zinc-600 text-xs">Start typing HTML content to preview...</p>
+</div>
 
-                    <button type="submit" class="btn w-full mt-2">PUBLISH DATA</button>
-                </form>
-                <div id="msg" class="mt-4 text-xs"></div>
-            </div>
 
             <!-- PREVIEW LIST -->
             <div>
@@ -199,6 +205,14 @@ def admin_panel():
         </div>
 
         <script>
+             const htmlField = document.querySelector('textarea[name="content_html"]');
+            const previewBox = document.getElementById('livePreview');
+
+    htmlField.addEventListener('input', () => {
+        const content = htmlField.value.trim();
+        previewBox.innerHTML = content || '<p class="text-zinc-600 text-xs">Start typing HTML content to preview...</p>';
+    });
+        
             // Auth Logic
             function getAuth() { return localStorage.getItem('admin_key') || ''; }
             function saveKey() {
@@ -208,7 +222,7 @@ def admin_panel():
                 loadBlogs();
             }
             document.getElementById('apiKey').value = getAuth();
-
+            
             // Fetch Blogs
             async function loadBlogs() {
                 const res = await fetch('/blogs');