HttpClientInstance in Blazor Rich Text Editor

The Blazor Rich Text Editor component in Blazor enables you to use the HttpClientInstance property to apply a custom HttpClient instance to all file upload and download requests. This provides flexibility in managing authentication and custom request configurations for Word Import, Word and PDF Export, and image, audio, and video insertions.

The following example illustrates how to configure the Blazor Rich Text Editor component with a custom HttpClient in a Blazor application.

@using Syncfusion.Blazor.RichTextEditor
@inject HttpClient httpClient

<SfRichTextEditor HttpClientInstance="@httpClient">
    <RichTextEditorImageSettings SaveUrl="https://your_api.com/upload/image" />
    <RichTextEditorAudioSettings SaveUrl="https://your_api.com/upload/audio" />
    <RichTextEditorVideoSettings SaveUrl="https://your_api.com/upload/video" />
</SfRichTextEditor>

@code {
    protected override async Task OnInitializedAsync()
    {
        // Adding authorization header to HTTP client
        httpClient.DefaultRequestHeaders.Add("Authorization_1", "syncfusion");
        await base.OnInitializedAsync();
    }
}

Program.cs

using Syncfusion.Blazor;

var builder = WebApplication.CreateBuilder(args);

// Add services to the container.
builder.Services.AddRazorComponents()
    .AddInteractiveServerComponents();
builder.Services.AddSyncfusionBlazor();
builder.Services.AddScoped(sp =>
{
    var httpClient = new HttpClient
    {
        BaseAddress = new Uri("https://your_api.com/")
    };

    // Add custom header
    httpClient.DefaultRequestHeaders.Add("Custom-Header", "YourCustomValue");
    return httpClient;
});

var app = builder.Build();

See also