Adding snippets

app.py

@@ -1,8 +1,14 @@
 import gradio as gr
 
 # Define the pre-stored text snippets
-snippet1 = "This is the first predefined text snippet."
-snippet2 = "This is the second predefined text snippet."
+snippet1 = """|![Link Text](www.example.com)|
+|:--:|
+|Figure x: Caption|
+"""
+snippet2 = """<div style="background-color: #e6f9e6; padding: 16px 32px; outline: 2px solid; border-radius: 10px;">
+This is text with a tip format!
+</div>
+"""
 
 # Function to insert snippet at a given position
 def insert_snippet(text, snippet, position):
@@ -37,7 +43,7 @@ with gr.Blocks() as demo:
     with gr.Row():
         with gr.Column():
             text_input = gr.Textbox(lines=10, placeholder="Write your blog here...", label="Text Editor")
-            button1 = gr.Button("Insert Snippet 1", elem_id="button1")
+            button1 = gr.Button("Insert Image Table", elem_id="button1")
             button2 = gr.Button("Insert Snippet 2", elem_id="button2")
         with gr.Column():
             gr.Markdown("**Live Preview**")