Rich Text Editor for ASP.NET Core - How to customize the built-in Ribbon UI in an Angular application

This example is a ready-to-use Angular client application that demonstrates how to customize the DevExpress Rich Text Editor's Ribbon UI.

The Ribbon is a tabbed toolbar that groups command items on different tabs according to their purpose. Use the Rich Text Editor's ribbon option to access and customize the built-in Ribbon UI. The getTab and getItem methods allow you to access Ribbon tabs and their items. Call the insertTab and removeTab methods to modify the collection of tabs. To modify the item collection in a tab, call its insertItem and removeItem methods.

Requirements

• To use the Rich Text Editor control in an Angular application, a Universal, DXperience, or ASP.NET subscription is required.
• All Devexpress npm packages used in this application should come from the same npm package version.

Quick Start

Follow the steps below to run this application on your computer:

1. Open the JS folder in the command prompt and run the following command to install all npm packages used in the application:

   npm install
   

2. Execute the following command to compile and run the application:

   ng serve --open
   

Files to Review

• richedit.component.ts
• app.component.html
• angular.json

Documentation

• Add RichEdit to an Angular Application
• Client-Side Ribbon Customization

More Examples

• Rich Text Editor for ASP.NET Core - Add the control to an Angular application

Does this example address your development requirements/objectives?

(you will be redirected to DevExpress.com to submit your response)