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

The AI Assistant feature provides a user interface such as an AssistView inside a popup, nested dropdown with predefined prompts, and a toolbar button for interacting with an AI model.

DEMO

SOURCE

Editing and Improving
 In today's competitive landscape, effective marketing focuses on building lasting customer relationships rather than just selling products. Brands are expected to provide personalized experiences through data analytics and consumer insights. As expectations evolve, marketers must stay agile and proactive in their strategies.
 Tone and style
 Agile methodologies are essential in modern project management, particularly in software development. They enable teams to adapt quickly and deliver greater customer value through iterative processes and collaboration. Successful Agile implementation requires fostering a culture of adaptability, trust, and shared ownership.
 Grammar
 Strong leadership is more than directing a team—it's about inspiring people toward a common vision. Effective leaders cultivate transparency, empathy, and accountability within their organizations. They empower others by encouraging autonomy and providing opportunities for growth. In times of uncertainty or rapid change, it's the leaders who stay grounded and lead with clarity who build the most resilient and high-performing teams.
 Summarization, simplification, or elaboration
 Strong leadership inspires a team toward a shared vision while promoting transparency, empathy, and accountability. Effective leaders empower others through autonomy and growth. In times of uncertainty or change, clear leaders build resilient, high-performing teams.

The AI Assistant feature provides a predefined user interface for integrating AI capabilities into the Rich Text Editor, enabling users to create, edit, and enhance content more efficiently.

The AI Assistant can be accessed via the keyboard shortcut(Alt + Enter or ⌥ + Enter) or toolbar.
The AI Commands menu provides a predefined list of prompts useful for performing common content-related actions such as improving, shortening, elaborating, simplifying, summarizing, and checking grammar.
The AI Query button helps to open the AI Assistant with the flexibility to provide a user defined prompt when processing the content.

Processing of the Prompt:

When a prompt is executed the aiAssistantPromptRequest event is triggered, followed by a fetch request to the backend service to process the query.
The response from the LLM is streamed back into the editor’s Assistant view using the addAIPromptResponse public method.
When the Stop Responding button is clicked the streaming process is cancelled by setting the stopStreaming boolean to false.