Integrating OpenAI with Blazor RichTextEditor

Integrated AI toolbar options in Blazor RichTextEditor

• Rephrase

  • Standard
  • Formal
  • Expand
  • Shorten

• Change tone

  • Professional
  • Casual
  • Straightforward
  • Confident
  • Friendly

• Fix spelling & grammar

• Convert to article

Screenshot:

Steps to run the sample

To get the app working, you’ll need an OpenAI API key. You can get one by signing up for an account.

• Open the ./src/Data/Constants.cs file and set your OpenAI API key to OPENAI_KEY const.

const string OPENAI_KEY = "Provide_Your_OpenAI_License_Key_Here";

• Now, run the sample to see the OpenAI integration in Blazor RichTextEditor component.

See also

Getting Started with RichTextEditor in Blazor