```json
{
"summary

```json
{
"summary": "请点击上传按钮或拖拽文件到指定区域，支持常见文档格式（PDF/DOCX/TXT等），上传后我将为您生成对应的HTML预览组件",
"widget": {
"type": "custom-template",
"isAPI": false,
"fullWidth": true,
"html": "<div class=\"border-2 border-dashed border-gray-300 rounded-lg p-8 text-center\">\n <div class=\"mx-auto w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mb-4\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-6 w-6 text-blue-500\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12\" />\n </svg>\n </div>\n <h3 class=\"text-lg font-medium text-gray-900 mb-1\">拖拽文件到此处</h3>\n <p class=\"text-sm text-gray-500 mb-4\">或</p>\n <label class=\"cursor-pointer bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm font-medium transition-colors\">\n 选择文件\n <input type=\"file\" class=\"hidden\">\n </label>\n <p class=\"mt-2 text-xs text-gray-500\">支持 PDF, DOCX, TXT, 图片等格式</p>\n</div>"
},
"next": [
"预览转换效果",
"调整布局样式",
"添加解析配置",
"设置下载功能",
"优化移动端"
]
}
```