Back to Details

syncfusion-aspnetcore-smart-paste

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Syncfusion ASP.NET Core Smart Paste Button

Syncfusion ASP.NET Core Smart Paste Button

Overview

概述

The Smart Paste Button is an intelligent, AI-powered UI control that automatically parses clipboard data and intelligently maps it to form fields using contextual understanding and semantic analysis. This skill guides you through implementing Smart Paste functionality in ASP.NET Core applications using Syncfusion components, with support for multiple AI providers and custom backends.
The Smart Paste Button provides:
  • Intelligent Data Mapping: Contextual understanding to match clipboard data to form fields
  • Multiple AI Providers: OpenAI, Azure OpenAI, Ollama, and custom IChatInferenceService backends
  • Form Field Annotations: Explicit descriptions to improve AI accuracy and field intent understanding
  • Customizable Appearance: Full Button component property inheritance for styling and theming
  • Clipboard Integration: Automatic clipboard parsing and intelligent value distribution
  • Custom Inference Backends: Extensible architecture for proprietary or on-premises AI services
  • Tag Helper Support: Native ASP.NET Core TagHelper integration for Razor pages and MVC
智能粘贴按钮是一款基于AI的智能UI控件，它通过上下文理解和语义分析自动解析剪贴板数据，并将其智能映射到表单字段。本技能将指导你使用Syncfusion组件在ASP.NET Core应用中实现智能粘贴功能，支持多种AI提供商和自定义后端。
智能粘贴按钮提供以下功能：
  • 智能数据映射：通过上下文理解将剪贴板数据匹配到表单字段
  • 多AI提供商支持：OpenAI、Azure OpenAI、Ollama以及自定义IChatInferenceService后端
  • 表单字段注释：通过明确描述提升AI准确性和字段意图理解
  • 可自定义外观：完全继承Button组件属性，支持样式和主题定制
  • 剪贴板集成：自动解析剪贴板数据并智能分配值
  • 自定义推理后端：可扩展架构，支持专有或本地部署的AI服务
  • Tag Helper支持：原生ASP.NET Core TagHelper集成，适用于Razor页面和MVC

When to Use This Skill

适用场景

Use this skill when you need to:
  • Implement AI-powered form auto-filling from clipboard data
  • Configure OpenAI or Azure OpenAI for Smart Paste functionality
  • Set up Ollama or custom AI inference services
  • Add intelligent field annotations for better AI accuracy
  • Customize Smart Paste Button appearance and behavior
  • Integrate Smart Paste into multi-field forms
  • Implement a custom data inference backend
  • Ensure proper integration with ASP.NET Core Razor Pages or MVC applications
在以下场景中可使用本技能：
  • 实现基于AI的剪贴板数据表单自动填充
  • 为智能粘贴功能配置OpenAI或Azure OpenAI
  • 设置Ollama或自定义AI推理服务
  • 添加智能字段注释以提升AI准确性
  • 自定义智能粘贴按钮的外观和行为
  • 将智能粘贴集成到多字段表单中
  • 实现自定义数据推理后端
  • 确保与ASP.NET Core Razor Pages或MVC应用正确集成

Component Overview

组件概述

Key Features:
  • Real-time clipboard parsing with AI interpretation
  • Zero-configuration setup with default providers
  • Support for structured and unstructured clipboard data
  • Field annotation system for precise data mapping
  • Extensible inference architecture
  • Full accessibility compliance
  • Theme and styling customization
Common Properties:
  • Content
    - Button display text
  • CssClass
    - CSS classes for styling
  • IconCss
    - Icon class for button representation
  • Disabled
    - Enable/disable state
  • EnableRtl
    - Right-to-left language support
核心特性：
  • 结合AI解析的实时剪贴板数据处理
  • 默认提供商的零配置设置
  • 支持结构化和非结构化剪贴板数据
  • 用于精准数据映射的字段注释系统
  • 可扩展的推理架构
  • 完全符合无障碍标准
  • 主题和样式定制
常用属性：
  • Content
    - 按钮显示文本
  • CssClass
    - 用于样式的CSS类
  • IconCss
    - 按钮图标的类
  • Disabled
    - 启用/禁用状态
  • EnableRtl
    - 支持从右到左的语言

Documentation Navigation

文档导航

Getting Started

快速入门

📄 Read: references/getting-started.md
  • Prerequisites and system requirements
  • Installing Syncfusion.EJ2.AspNet.Core NuGet package
  • Configuring AI services (OpenAI, Azure OpenAI, Ollama)
  • Project setup with Razor Pages and MVC
  • Tag helper registration
  • CDN stylesheet and script configuration
  • Creating your first Smart Paste implementation
  • Basic form setup and Smart Paste integration
📄 阅读： references/getting-started.md
  • 前提条件和系统要求
  • 安装Syncfusion.EJ2.AspNet.Core NuGet包
  • 配置AI服务（OpenAI、Azure OpenAI、Ollama）
  • Razor Pages和MVC的项目设置
  • Tag Helper注册
  • CDN样式表和脚本配置
  • 创建首个智能粘贴实现
  • 基础表单设置和智能粘贴集成

Field Annotations

字段注释

📄 Read: references/annotation.md
  • Using data-smartpaste-description attribute
  • Annotation best practices for improved accuracy
  • Supported input types (text, textarea, select, radio, checkbox)
  • Intent-based field descriptions
  • Multi-language annotation strategies
  • Field metadata for complex forms
📄 阅读： references/annotation.md
  • 使用data-smartpaste-description属性
  • 提升准确性的注释最佳实践
  • 支持的输入类型（文本、文本域、下拉选择、单选框、复选框）
  • 基于意图的字段描述
  • 多语言注释策略
  • 复杂表单的字段元数据

Button Customization

按钮自定义

📄 Read: references/customization.md
  • Smart Paste Button appearance customization
  • CSS class and icon configuration
  • Inheriting Button component properties
  • Styling and theming options
  • Button text and label customization
  • State and event handling
📄 阅读： references/customization.md
  • 智能粘贴按钮外观定制
  • CSS类和图标配置
  • 继承Button组件属性
  • 样式和主题选项
  • 按钮文本和标签定制
  • 状态和事件处理

Custom Inference Backend

自定义推理后端

📄 Read: custom-inference-backend
  • IChatInferenceService interface implementation
  • Custom AI provider integration
  • Service registration in dependency injection
  • Request/response format specifications
  • Expected JSON structure for field mapping
  • Handling complex inference scenarios
  • Testing and debugging custom backends
📄 阅读： custom-inference-backend
  • IChatInferenceService接口实现
  • 自定义AI提供商集成
  • 依赖注入中的服务注册
  • 请求/响应格式规范
  • 字段映射的预期JSON结构
  • 处理复杂推理场景
  • 自定义后端的测试与调试