Update app.py

app.py

@@ -55,6 +55,50 @@ if torch.cuda.is_available():
 else:
     power_device = "CPU"
 
+html_content = """
+<p id="sourceText" style="width: 400px; padding: 10px; border: 1px solid #000;" onmouseup="selectText()">
+    这是一个可拖动文本的示例。选择这段话中的部分文字并拖动到下方的文本框中作为标签。
+</p>
+<div id="dropzone" ondrop="drop(event)" ondragover="allowDrop(event)" style="width: 400px; height: 200px; border: 1px solid #000; margin-top: 20px;">
+    将选中的文字拖动到这里
+</div>
+<script>
+let selectedText = '';
+
+function selectText() {
+    const selection = window.getSelection();
+    selectedText = selection.toString();
+    if (selectedText) {
+        const span = document.createElement('span');
+        span.textContent = selectedText;
+        span.setAttribute('draggable', true);
+        span.setAttribute('ondragstart', 'drag(event)');
+        selection.removeAllRanges();
+        selection.anchorNode.parentElement.insertBefore(span, selection.anchorNode.nextSibling);
+    }
+}
+
+function allowDrop(event) {
+    event.preventDefault();
+}
+
+function drag(event) {
+    event.dataTransfer.setData("text/plain", event.target.textContent);
+}
+
+function drop(event) {
+    event.preventDefault();
+    const data = event.dataTransfer.getData("text/plain");
+    const tag = document.createElement('div');
+    tag.textContent = data;
+    tag.style.border = '1px solid #000';
+    tag.style.padding = '5px';
+    tag.style.margin = '5px';
+    event.target.appendChild(tag);
+}
+</script>
+"""
+
 with gr.Blocks(css=css) as demo:
     
     with gr.Column(elem_id="col-container"):
@@ -62,6 +106,7 @@ with gr.Blocks(css=css) as demo:
         # Text-to-Image Gradio Template
         Currently running on {power_device}.
         """)
+        gr.HTML(html_content)
         
         with gr.Row():
             
@@ -142,5 +187,9 @@ with gr.Blocks(css=css) as demo:
         inputs = [prompt, negative_prompt, seed, randomize_seed, width, height, guidance_scale, num_inference_steps],
         outputs = [result]
     )
+    # 自定义HTML和JavaScript
+
+
+    
 
 demo.queue().launch()