Update app.py

app.py

@@ -542,10 +542,23 @@ def post(judul, kontent, endpoint,endpoint_media,username,password,tags,categori
 # if __name__ == "__main__":
 #     article_generator.launch(share=False)
 
+def edit_article(content, wysiwyg_editor):
+    # Fungsi untuk mengaktifkan mode pengeditan artikel di WYSIWYG
+    wysiwyg_editor.html(f"""
+        <label for="wysiwyg-editor">Article</label>
+        <textarea id="wysiwyg-editor" style="height: 300px; width: 100%;">{content}</textarea>
+        <script>
+            tinymce.get('wysiwyg-editor').setContent("{content}");
+        </script>
+    """)
+
 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;"> """
+    )
     gr.Markdown(
         """
-        # Wordpress Article Generator <img src="https://botika.online/assets/uploads/2019/04/logo-primary-1.png" alt="Logo" style="width:126px;height:38px;"> 
+        # Wordpress Article Generator
         Buat artikel yang anda inginkan dengan mudah, cukup dengan menuliskan link artikel sebagai referensi dan dalam sekejap artikel yang anda inginkan dapat menghiasi halaman wordpress anda.
         """
     )
@@ -571,13 +584,15 @@ with gr.Blocks(theme="soft", title="Wordpress Article Generator") as article_gen
                     tinymce.init({
                         selector: '#wysiwyg-editor',
                         plugins: 'lists advlist autolink link image charmap print preview hr anchor pagebreak',
-                        toolbar: 'fontselect | bold italic underline | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
+                        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: #333; color: #fff; }'
                     });
                 </script>
                 """
             )
+            edit_button = gr.Button("Edit Article")
+            edit_button.click(fn=edit_article, inputs=[outputs, wysiwyg_editor])
             button_scrap.click(fn=scrap, inputs=[link, backlink, keyword, versi, api_key, link_azure, replicate_token], outputs=[img, outputs, wysiwyg_editor])
         with gr.Column():
             endpoint= gr.Textbox(placeholder="Masukkan Endpoint Wordpress", label="Endpoint Wordpress")