Meet a brand new DHTMLX component - JavaScript Rich Text Editor 1.0!

Angular Rich Text Editor

Adjustable and highly customizable Angular Rich Text Editor with an ability to input and output content in HTML and Markdown formats

Document
Classic
Serialize to Markdown
Serialize to HTML

How It Works

Take 6 Simple 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

Product Features

  • Basic text editing options
  • Classic and document modes
  • Fullscreen mode
  • Input/output data in HTML and Markdown formats
  • Cross-browser compatibility
  • IE11+ support
  • Adjustable toolbar
  • Broad customization options
  • Support for different locales
  • Simple initialization with Angular, React, and Vue.js

What You Can Do With Angular WYSIWYG Editor

Parse HTML
Parse Markdown
Custom Icons
Custom Controls
You can parse content in the standard HTML format in the blink of an eye. Check the sample
You can parse content in Markdown format. Check the sample
You can change the icon font pack of toolbar controls for a custom one. Check the sample
You can add, update or delete any toolbar controls. Check the sample

Why Choose DHTMLX Angular Text Editor?

Customize each and every element of your rich text editor
With various options for customizing your Angular Rich Text Editor, you are able to set the icon font of your choice, change the toolbar controls for custom ones, add new toolbar buttons, and specify the necessary localization.
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 ones. These modes contribute to a convenient work with the editor switching between them on the fly.
Fast initialization with Angular and other frameworks
Initially written in pure JavaScript our editor provides special wrappers for the most widespread frameworks - Angular, React, and Vue.js to give developers a fast and simple way of implementing the editor in their projects.

dhtmlxRichText Licensing

Commercial Enterprise
All functionality
Commercial
Enterprise
License Terms
Developers
Commercial
5
Enterprise
Projects
Commercial
1
Enterprise
SaaS
Commercial
Enterprise
Perpetual distribution
Commercial
Enterprise
Support and Updates
Updates
Commercial
1 update (the next one)
Enterprise
1 year of all updates
Support
Commercial
1 month or 5 tickets within 1 year
Enterprise
Unlimited for one year
Total: $449
dhtmlx bundles
Choose the Complete bundle -
and get dhtmlxRichText for free

Support & Learning Resources

We provide comprehensive documentation with technical samples. Moreover, our dedicated support team is fast and qualified. Find the suitable way to get support:

Need help with dhtmlxRichText integration into your app? Contact us