<
DHTMLX RichText 2.0 Becomes a Full-Featured Editor with the Next-Generation Engine, Images, Lists, Export to DOCX and PDF, and Much More
Download
DHTMLX RichText
Angular

Angular Rich Text Editor

Add a modern, customizable WYSIWYG editor to your Angular app with support for HTML and Markdown, multiple layout modes, and a developer-friendly API.

Get free trial
View docs
Get free trial
View docs
25K+
customers worldwide
100+ awards
Best Meets Requirements
Leader
Easiest To Use
Highest User Adoption
1.2M+
developers using DHTMLX
NCI
Deutsche Bank
Siemens
Apple
Airbus
Embraer
Hilton
Tele2
Aprika
FedEx
GanttPro
Oracle
Amazon
Accenture
IBM
Cisco
Intel
Nasa
ABB
Capgemini
BBC News
NCI
Deutsche Bank
Siemens
Apple
Airbus
Embraer
Hilton
Tele2
Aprika
FedEx
GanttPro
Oracle
Amazon
Accenture
IBM
Cisco
Intel
Nasa
ABB
Capgemini
BBC News

How to Create Angular Rich Text

6 steps to initialize Rich Text Editor with Angular:
1.
Create a richtext.ts file and import files and styles of the RichText.
2.
Add an empty container for RichText with the ref attribute.
3.
Set the list of used RichText configuration properties and their types.
4.
Add custom inputs and pass them to RichText if needed.
5.
When the component is initialized, initialize RichText and attach the
instance of RichText to the container with the ref attribute.
6.
You can install the destructor of RichText.
Check Angular Rich Text demo on GitHub
Check Angular Rich Text demo on GitHub

Angular Rich Text Editor Key Features

WYSIWYG editing with HTML and Markdown support

DHTMLX RichText provides a real-time WYSIWYG editing experience, allowing users to see exactly how their content will appear as they type. The Angular Rich Text Editor supports both HTML and Markdown as input and output formats, allowing seamless content exchange with various backend systems. Whether you’re building a blog editor, a documentation tool, or a messaging system, this flexibility ensures that your content is stored and processed in the most suitable format.

Advanced text formatting and image support

The Rich Text Editor component includes headings, text styling, alignment, indentation, lists, quotes, and more. End-users can insert hyperlinks with improved popup interactions and add images. Once inserted, images can be resized interactively, ensuring they fit perfectly within the content layout.

Export to DOCX and PDF

End-users can share and keep their work by exporting editor content to DOCX or PDF formats. The export functionality ensures that all text styles, formatting, and images are preserved in the final output. This feature is ideal for creating reports or printable documents directly from your Angular app without requiring third-party tools.

Configurable structure and styling via CSS

The Angular Rich Text toolbar displays a predefined set of commonly used controls that can be rearranged, removed, or customized by adding new buttons to deliver unique functionality. The editor’s look and feel can also be fully customized with your own CSS. You can adjust colors, fonts, and overall styling to match your application’s design system.

Try DHTMLX RichText

Get Started with Angular Rich Text Editor

1
Download trial version

Fill in a form and get access to the DHTMLX RichText evaluation version. A free trial version is available for 30 days.

2
Use supporting materials

Refer to the documentation guides for detailed, step-by-step instructions on how to integrate DHTMLX Rich Text Editor into your Angular application.

3
Select a suitable license

After evaluating the product, choose the proper Rich Text license that aligns with your requirements, including the number of developers, projects, and SaaS.

Why Choose Angular Rich Text?

Fast initialization with Angular and other frameworks

Initially written in pure JavaScript, our editor supports smooth integration with the most widespread frameworks - Angular, React, Vue, and Svelte to give developers a fast and simple way of implementing the editor in their projects.

HTML and Markdown as input and output formats

The Angular text editor's purpose is not limited to entering the text directly into the editor, but also presupposes working with HTML and Markdown input and output formats to cover the needs of different kinds of apps.

Classic and document modes

In the design process, we created two modes of the Angular WYSIWYG text editor: classic and document. These modes contribute to convenient work with the editor, switching between them on the fly.

Export to PDF and DOCX and printing

DHTMLX RichText Editor supports importing DOCX files, exporting content to DOCX or PDF, and printing directly from the editor. Everything works out of the box.

Full control of your rich text editor

With various options for customizing your Angular Rich Text Editor, you can set the icon font of your choice, specify the necessary localization, add or remove a menubar, and apply custom styles to modify the component's appearance.

Get started for free

Download the DHTMLX RichText trial version and explore its functionality free of charge for 30 days. Use documentation, play around with online samples, and get help from the official technical support team.
Get trial version

DHTMLX Rich Text Editor Use Cases

Task editor for DHTMLX Gantt
Task editor for DHTMLX Gantt
Create detailed descriptions for tasks
View
Event editor for DHTMLX Scheduler
Event editor for DHTMLX Scheduler
Describe events to keep them up to date
View
Medical Certificate Template (HMS)
Medical Certificate Template (HMS)
Fill out medical certificates
View
UI Dashboard: Tech Support Ticket
UI Dashboard: Tech Support Ticket
Write a support ticket
View
Start with Rich Text Editor
Convenient JavaScript rich text editor with support for HTML and Markdown for enriching web apps with content management features
Download now
Integrate DHTMLX Rich Text Editor into your Angular app
Try the 30-day free trial and explore all features of a customizable Angular WYSIWYG editor with support for HTML and Markdown.
Get free trial
NO credit card required
About
Explore DHTMLX RichText
DHTMLX Rich Text Editor is a fully customizable JavaScript component for creating and editing content in a real-time WYSIWYG interface with advanced formatting tools.
Visit JS Rich Text page
Documentation
Follow RichText guides
The documentation includes in-depth API references and clear, step-by-step tutorials. If you’re working with Angular, you’ll find dedicated integration guides that walk you through setup and configuration.
Visit documentation
Samples
Try features in live code
Explore the full potential of the DHTMLX Rich Text Editor through interactive code samples. Tweak JavaScript and HTML on the spot, see the results instantly, and easily share your customized setups with your team.
Visit samples
Github
Join project on GitHub
Learn how to integrate the DHTMLX Rich Text Editor into an Angular app from the GitHub demo. You’ll find a ready-to-use project with all the necessary configuration.
Visit GitHub
Official tech support
Get help from our team
Access professional support to make the most of the DHTMLX Rich Text Editor. Our team can guide you through integration, help resolve technical issues, and share best practices for using the editor effectively.
Visit official tech support
Community forum
Join the DHTMLX forum
Browse the DHTMLX forum, where you’ll find shared solutions about the Rich Text Editor and other DHTMLX components. Our support team answers the most common questions.
Visit community forum