JavaScript Rich Text Editor 1.1 Update with API, Block Quotes, Advanced Statistics - Learn More!

React Rich Text Editor

DHTMLX Rich Text Editor based on React with flexible customization able to input and output content in HTML and Markdown

Document
Classic

How It Works

6 Easy Steps to Integrate Rich Text Editor with React:
1
Create a richtext.js file and import files and styles of RichText
2
Create RichText class, which extends the Component class
3
Add an empty container for RichText with the reference to it in the el property using the render() function
4
Set the list of used RichText configuration properties and their types and add custom props 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 reference to it in the el property
6
You can install the destructor of RichText

Product Features

  • Basic operations for text editing
  • Classic and document modes
  • Fullscreen mode
  • Parsing and serializing content in HTML, Markdown, and plain text
  • Cross-browser compatibility
  • API to work with text
  • IE11+ support
  • Flexible toolbar configuration
  • Look and feel customization
  • Localization
  • Block quotes
  • Advanced statistics
  • React, Angular, Vue.js wrappers

dhtmlxRichText Release History

December 13
2018
1.0
December 19
2018
1.0.1
Ferbruary 27
2019
1.1
March 6
2019
1.1.1
June
2019
1.2
Check our product's roadmap for the future updates.

What You Can Do With React 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 React Text Editor?

Fine-tune your rich text editor
Due to the flexibility of customization, you can change the icon font pack, set new toolbar controls, and apply different localization in your WYSIWYG React text editor.
Input/output data in HTML and Markdown formats
Our React editor is able to parse and serialize text in two formats: HTML and Markdown. This ability makes the editor an indispensable tool for website administration, blog managing, documentation, and CRM systems.
Classic and document modes
You can switch between two convenient built-in modes of the React editor - classic and document ones - to ensure the look and feel that meet your end users' requirements.
Support for different client-side frameworks
Apart from the React Rich Text Editor, our dev team provides wrappers of such widely used frameworks as Angular and Vue.js. Initializing the editor with one of these technologies is fast and simple.

dhtmlxRichText Licensing

Commercial Enterprise Ultimate
License Terms
Commercial
Enterprise
Ultimate
Developers
Commercial
5
Enterprise
20
Ultimate
Projects
Commercial
1
Enterprise
5
Ultimate
SaaS
Commercial
Enterprise
Ultimate
Perpetual distribution rights
Commercial
Enterprise
Ultimate
Support Plan
Commercial
Standard Support
Enterprise
Premium Support
Ultimate
Ultimate Support
Time Period
Commercial
1 year
Enterprise
1 year
Ultimate
1 year
Updates
Commercial
Minor & major updates
Bug fixes
Enterprise
Minor & major updates
Bug fixes
Ultimate
Minor & major updates
Bug fixes
Emergency bug fixes
Tickets
Commercial
10
Enterprise
30
Ultimate
Response Time
Commercial
72h
Enterprise
48h
Ultimate
24h
Personal Acccount Manager
Commercial
Enterprise
Ultimate
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