• Material 3
  • Bootstrap 5
  • Fluent 2
  • Tailwind CSS
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Rich Text Editor in ASP.NET Core Inline AI Assist Control

This sample demonstrates the integration of the Inline AI Assist component with the Syncfusion Rich Text Editor. It showcases advanced customization including command settings, response settings, and inline response mode for enhanced content editing experience.

DEMO
SOURCE

In this example, the Inline AI Assist component is seamlessly integrated with the Rich Text Editor, providing an advanced use-case scenario for AI-powered content creation and editing.

Key features demonstrated:

  • CommandSettings - Custom AI command buttons (Improve, Shorten, Elaborate, Summarize, Simplify, Check Grammar) integrated into the interface
  • ResponseSettings - Configured response behavior with dynamic suggestion updates based on user actions
  • ResponseMode - Set to 'Inline' mode where the AI response is directly streamed into the editor area, allowing users to see real-time content changes
  • Accept/Reject - Users can accept or reject the AI-generated suggestions

How to use:

  1. Select text in the editor
  2. Click the AI icon in the toolbar to open the Inline AI Assist
  3. Choose a predefined command or enter a custom prompt
  4. Review the AI-generated response in real-time
  5. Accept to insert the response or reject to keep the original text
Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab