关于 syncfusion-blazor-smart-paste
这是面向 Blazor 开发者的 Syncfusion Smart Paste Button 实施指南，可从剪贴板读取文本并自动填充表单字段。它涵盖多种 AI 后端、字段标注和按钮自定义。
主要功能
- 01从剪贴板解析并填充表单
- 02支持多种 AI 后端
- 03使用字段标注优化映射
- 04自定义按钮外观与行为
适用场景
- 01为 Blazor 表单添加智能粘贴
- 02配置 OpenAI、Azure OpenAI 或 Ollama
- 03通过字段标注调整字段匹配
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/syncfusion-blazor-smart-paste确认已加载。
附带文件references/getting-started.mdreferences/implementation-and-customization.md
详细介绍
Syncfusion Blazor Smart Paste Button
Syncfusion Blazor Smart Paste Button 使用 AI 智能读取剪贴板文本，并自动填充表单字段，从而免去手动输入。
使用场景
在以下情况下使用此技能：
- 在 Blazor 表单中添加 Smart Paste Button，实现由 AI 驱动的剪贴板内容到字段的自动填充
- 配置 AI 后端（OpenAI、Azure OpenAI、Ollama 或自定义后端）
- 添加
[SmartPasteField]注释，优化字段映射 - 自定义按钮外观、内容和行为
- 集成自定义
IChatInferenceService实现 - 排查 Smart Paste 集成或 AI 连接问题
前提条件
- .NET SDK 8.0 或更高版本
- Visual Studio 2022（17.0+）或 Visual Studio Code
- 可用的 OpenAI、Azure OpenAI 或 Ollama 账户（或自定义 AI 后端）
- 具备 Blazor Web App（Server 呈现模式）的基础知识
快速设置
按以下步骤依次操作：
1. 初始设置和 NuGet 安装
首先参阅 getting-started.md，以便：
- 创建新的 Blazor Web App Server
- 安装 Syncfusion NuGet 包
- 注册 Syncfusion Blazor 服务
- 添加必要的命名空间
2. 配置 AI 服务
接着参阅 自定义 AI 集成步骤，以便：
- 选择 AI 提供商（OpenAI、Azure OpenAI 或 Ollama）
- 安装特定于 AI 服务的 NuGet 包
- 在
Program.cs中配置 AI 后端 - 添加主题样式表和脚本资源
3. 实现和自定义
最后参阅 implementation-and-customization.md，以便：
- 在表单中添加 Smart Paste Button 组件
- 运行并测试应用程序
- 添加自定义字段注释
- 自定义按钮外观
- 集成自定义 AI 服务
- 排查常见问题
主要功能
| 功能 | 详情 |
|---|---|
| AI 驱动的表单填充 | 读取剪贴板文本，并自动将数据映射到表单字段 |
| 多个 AI 后端 | OpenAI、Azure OpenAI、Ollama 和自定义 IChatInferenceService |
| 字段注释 | 使用 [SmartPasteField] 属性精准描述字段 |
| 轻松集成 | 只需一个 NuGet 包和一次 AddSyncfusionSmartPaste() 服务调用 |
| 可自定义的界面 | 继承所有 SfButton 属性，包括图标、内容和 CSS 类 |
NuGet 包
Syncfusion.Blazor.SmartComponents（v28.1.33+）Syncfusion.Blazor.Themes- AI 提供商包 — 参阅 ai-service-configuration.md
参考文档
| 文档 | 用途 |
|---|---|
| getting-started.md | 创建项目、安装 NuGet 包和注册服务 |
| ai-service-configuration.md | 设置 AI 提供商（OpenAI、Azure OpenAI、Ollama） |
| implementation-and-customization.md | 使用组件、字段注释、自定义和故障排查 |
评论
支持 Markdown