New to Telerik UI for Blazor? Download Free 30-day trial

Editor - AI Integration

  • EXAMPLE
  • VIEW SOURCE

By accessing and using the Telerik AI service integration on the Progress website, you acknowledge and agree to be bound by the following Terms of Use.

  • Ai-integration.razor
  • AIPromptService.cs
Loading the demo source code...please wait.
Style in ThemeBuilder
  • Custom SASS variables
  • Atomic customizations
  • Sharing projects
Start Theming

Description

The AI integration in the Telerik Blazor Editor component enhances the user experience by enabling intelligent features such as real-time grammar correction, content suggestions, autocompletion, and contextual insights. It leverages machine learning models to understand user input, improve productivity, and streamline content creation.

The Editor component provides AI integration with two UI options - an AIPrompt component visible in a separate pane on the left and an Inline Prompt that appears in a popup once the user selects text in the Editor. Both AI options support a set of built-in commands, including rewriting text, fixing mistakes, changing the tone, translating and more.

The current demo shows both AI integration features. The Inline Prompt is enabled by design and you can click the custom button in the Toolbar to see the AIPrompt in action.

This Blazor Editor AI Integration example is part of a unique collection of hundreds of Blazor demos, with which you can see all Telerik UI for Blazor components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for Blazor or ThemeBuilder.

Support & Learning Resources

An error has occurred. This application may no longer respond until reloaded.