如何在Python的Gradio Textbox中禁用粘贴功能？

要实现禁用Gradio Textbox的粘贴功能（包括Ctrl+V、右键粘贴等），同时保留文本框的可编辑性和与其他组件的交互性，最可靠的方案是通过前端JavaScript直接监听并阻止粘贴事件，具体步骤如下：

实现步骤 #

1. 给目标Textbox设置唯一的elem_id，方便JavaScript定位元素
2. 注入一段JavaScript代码，监听该文本框的paste事件并阻止默认行为

完整代码示例 #

import gradio as gr

with gr.Blocks() as demo:
    # 创建带唯一ID的Textbox，保留可编辑性
    no_paste_box = gr.Textbox(
        label="禁止粘贴的输入框",
        elem_id="restricted-input"  # 唯一ID，用于JS定位
    )
    
    # 注入JS代码阻止粘贴
    gr.HTML("""
    <script>
    // 页面加载完成后执行
    document.addEventListener('DOMContentLoaded', () => {
        const inputElem = document.getElementById('restricted-input');
        // 监听粘贴事件，阻止默认行为
        inputElem.addEventListener('paste', (e) => {
            e.preventDefault();
        });
        // 可选：若要禁用右键菜单（避免右键粘贴），取消下面注释
        // inputElem.addEventListener('contextmenu', (e) => {
        //     e.preventDefault();
        // });
    });
    </script>
    """)
    
    # 测试交互性：绑定到输出框，验证组件间交互正常
    output_box = gr.Textbox(label="实时输出")
    no_paste_box.change(lambda x: x, inputs=no_paste_box, outputs=output_box)

demo.launch()

方案优势 #

• 完全保留Textbox的可编辑性和交互性，用户可正常输入、删除内容
• 前端直接处理粘贴事件，无后端逻辑带来的焦点丢失、输入延迟问题
• 覆盖所有粘贴场景：包括键盘快捷键、右键菜单粘贴等
• 无需自定义组件或修改后端逻辑，实现简单可靠

内容的提问来源于stack exchange，提问作者Will