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

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
Serialize to Markdown
Serialize to HTML

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 text in HTML and Markdown formats
  • Cross-browser compatibility
  • IE11+ support
  • Flexible toolbar configuration
  • Look and feel customization
  • Localization
  • React, Angular, Vue.js wrappers

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
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