React Rich Text Editor .NET Core Integration

Description: Full-stack React and .NET Core application with Rich Text Editor and media upload integration.

Overview

This project demonstrates rich text editing with multimedia support. The React frontend with TypeScript handles the user interface, while the .NET Core backend provides REST API endpoints for file management and uploads.

Prerequisites

• Node.js 20.x (or 22.x, 24.x)
• npm
• .NET 7.0 SDK

Quick Start

Frontend Setup

Install dependencies and run the development server:

npm install
npm run dev

Open the localhost link displayed in your browser.

Backend Setup

Navigate to the backend folder and run the ASP.NET Core API:

dotnet run

What this sample shows

• How to include the Rich Text Editor in an React component
• How to integrate the Tab component in the Rich Text Editor

Technology Stack

Frontend: React, TypeScript, Vite, EJ2 Rich Text Editor Backend: .NET Core 7.0, ASP.NET Core Web API

References

• Media Services Integration
• Getting Started Guide
• Rich Text Editor Demo