Update app.py

app.py

@@ -103,7 +103,6 @@ def build_full_html(markdown_text, styles, include_fontawesome):
         {wrapper_id} th {{ background-color: #f2f2f2; }}
         {wrapper_id} img {{ max-width: 100%; height: auto; }}
         {wrapper_id} pre {{ padding: {styles.get('code_padding', '15')}px; border-radius: 5px; white-space: pre-wrap; word-wrap: break-word; }}
-
         {wrapper_id} h1, {wrapper_id} h2, {wrapper_id} h3 {{ border-bottom: 1px solid #eee; padding-bottom: 5px; margin-top: 1.5em; }}
         {wrapper_id} :not(pre) > code {{ font-family: 'Courier New', monospace; background-color: #eef; padding: .2em .4em; border-radius: 3px; }}
         {pygments_css} {styles.get('custom_css', '')}
@@ -123,7 +122,7 @@ def build_full_html(markdown_text, styles, include_fontawesome):
     
     return full_html
 
-# --- API ENDPOINT for Conversion (Unchanged) ---
+# --- API ENDPOINT for Conversion (CHANGED) ---
 @app.route('/convert', methods=['POST'])
 def convert_endpoint():
     data = request.json
@@ -133,15 +132,18 @@ def convert_endpoint():
             styles=data.get('styles', {}),
             include_fontawesome=data.get('include_fontawesome', False)
         )
+        # Define options here to avoid repetition and add the required fix
+        options = {"quiet": "", 'encoding': "UTF-8", "--no-cache": ""}
+        
         if data.get('download', False):
             download_type = data.get('download_type', 'png')
             if download_type == 'html':
                 return send_file(BytesIO(full_html.encode("utf-8")), as_attachment=True, download_name="output.html", mimetype="text/html")
             else:
-                png_bytes = imgkit.from_string(full_html, False, options={"quiet": "", 'encoding': "UTF-8"})
+                png_bytes = imgkit.from_string(full_html, False, options=options)
                 return send_file(BytesIO(png_bytes), as_attachment=True, download_name="output.png", mimetype="image/png")
         else:
-            png_bytes = imgkit.from_string(full_html, False, options={"quiet": "", 'encoding': "UTF-8"})
+            png_bytes = imgkit.from_string(full_html, False, options=options)
             png_base64 = base64.b64encode(png_bytes).decode('utf-8')
             return jsonify({'preview_html': full_html, 'preview_png_base64': png_base64})
     except Exception as e:
@@ -209,7 +211,6 @@ def index():
             </div>
             <div id="png-preview-container" class="preview-container"></div>
         </div>
-
         <script>
             // --- All JavaScript is unchanged from the previous correct version ---
             // It correctly gathers style info without modifying the parent page.
@@ -220,7 +221,6 @@ def index():
                   previewSection = document.getElementById('preview-section'), htmlPreviewContainer = document.getElementById('html-preview-container'),
                   pngPreviewContainer = document.getElementById('png-preview-container'), errorBox = document.getElementById('error-box'),
                   infoBox = document.getElementById('info-box');
-
             function toggleAllComponents(checked) { componentsContainer.querySelectorAll('.component-checkbox').forEach(cb => cb.checked = checked); }
             function displayError(message) { errorBox.textContent = message; errorBox.style.display = 'block'; previewSection.style.display = 'none'; }
             function buildPayload() {