Breadcrumb arrow Back to Code Examples

Integrating Openai With Blazor Richtexteditor

Sample date Updated on Feb 15, 2024
Browse Code Git logo Download
blazor chatgpt openai openai-api rich-text-editor 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:

image

image

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

Up arrow