Update app.py

app.py

@@ -508,7 +508,9 @@ def post(judul, kontent, endpoint,endpoint_media,username,password,tags,categori
     response_post = requests.post(endpoint, headers=headers, data=data)
     return response_post.json()
 
-
+with open("index.html", "r") as file:
+    html_wysiwyg = file.read()
+    
 with gr.Blocks(theme="soft", title="Wordpress Article Generator") as article_generator:
     gr.HTML(
     """<img src="https://botika.online/assets/uploads/2019/04/logo-primary-1.png" alt="Logo" style="width:126px;height:38px;"> """
@@ -529,35 +531,9 @@ with gr.Blocks(theme="soft", title="Wordpress Article Generator") as article_gen
             link_azure = gr.Textbox(placeholder="Masukkan Endpoint Azure", label="Azure Endpoint", info = "Abaikan Kolom Ini Jika Anda Menggunakan Skema Openai")
             replicate_token = gr.Textbox(placeholder="Masukkan Token Replicate", label="Replicate Key")
             button_scrap = gr.Button("Scrap Article")
-            wysiwyg_editor_judul = gr.HTML("""
-                <label for="wysiwyg-editor">Article</label>
-                <textarea id="wysiwyg-editor" style="height: 100px; width: 50%;"></textarea>
-                <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js"></script>
-                <script>
-                    tinymce.init({
-                        selector: '#wysiwyg-editor',
-                        plugins: 'lists advlist autolink link image charmap print preview hr anchor pagebreak',
-                        toolbar: 'undo redo | bold italic underline | fontselect fontsizeselect | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
-                        menubar: false,
-                        content_style: 'body { background-color: #143; color: #fff; }'
-                    });
-                </script>
-            """)
+            wysiwyg_editor_judul = gr.HTML(html_wysiwyg)
             img = gr.Image()
-            wysiwyg_editor = gr.HTML("""
-                <label for="wysiwyg-editor">Article</label>
-                <textarea id="wysiwyg-editor" style="height: 300px; width: 50%;"></textarea>
-                <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js"></script>
-                <script>
-                    tinymce.init({
-                        selector: '#wysiwyg-editor',
-                        plugins: 'lists advlist autolink link image charmap print preview hr anchor pagebreak',
-                        toolbar: 'undo redo | bold italic underline | fontselect fontsizeselect | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
-                        menubar: false,
-                        content_style: 'body { background-color: #143; color: #fff; }'
-                    });
-                </script>
-            """)
+            wysiwyg_editor = gr.HTML(html_wysiwyg)
             button_scrap.click(fn=scrap, inputs=[link, backlink, keyword, versi, api_key, link_azure, replicate_token], outputs=[wysiwyg_editor_judul,img,wysiwyg_editor])
         with gr.Column():
             endpoint= gr.Textbox(placeholder="Masukkan Endpoint Wordpress", label="Endpoint Wordpress")