Document Editing

The DevExpress AI-powered extension for our Blazor HTML Editor adds AI-related commands to the editor’s toolbar. Commands are designed to process text/HTML content. Available predefined commands are as follows:

  • Ask AI Assistant — allows a user to process text based on a custom prompt.
  • Change Style — rewrites text using a specified style.
  • Change Tone — rewrites text using a specified tone.
  • Expand — expands text.
  • Explain — explains text.
  • Proofread — proofreads text.
  • Shorten — shortens text.
  • Summarize — summarizes text.
  • Translate — translates text into the specified language.

Follow the steps below to reproduce the capabilities of this demo in your Blazor project:

  1. Register the desired AI service in your application. Select the approach that best fits your needs:

  2. Declare the DxHtmlEditor.Extensions property and populate it with AI-related toolbar items to integrate the corresponding commands into the HTML Editor.

Note: DevExpress AI-powered extensions follow the "bring your own key" principle. DevExpress does not offer a REST API and does not ship any built-in LLMs/SLMs. You need an active Azure/Open AI subscription to obtain the REST API endpoint, key, and model deployment name. These variables must be specified at application startup to register AI clients and enable DevExpress AI-powered extensions in your application.