How to Install dhtmlxRichText

You can choose between several variants of installing RichText package into your project. It is possible to make use of the npm package manager, include RichText JS/CSS files from CDN or download the component package and include source files on a page by setting paths to them.

Install via npm

To install GPL version of dhtmlxRichText via npm, run the following command line:

npm install dhx-richtext

Later in the code you can use:

import { Richtext } from "dhx-richtext";
import "dhx-richtext/codebase/richtext.css";
 
const widget = new Richtext(node, config);

Include sources from CDN

You can include JS/CSS files of the GPL version of dhtmlxRichText from CDN by setting direct links to richtext.js and richtext.css files:

<link rel="stylesheet" href="https://cdn.dhtmlx.com/richtext/edge/richtext.css" 
    type="text/css"> 
<script src="https://cdn.dhtmlx.com/richtext/edge/richtext.js"></script>

To get the particular version, use the number of the version instead of edge in the link:

<link rel="stylesheet" href="https://cdn.dhtmlx.com/richtext/1.0/richtext.css" 
    type="text/css"> 
<script src="https://cdn.dhtmlx.com/richtext/1.0/richtext.js"></script>

Download the package

GPL version

Download the package of dhtmlxRichText GPL version.

PRO version

If you have the Commercial or Enterprise license, you need to go to the Client Area and download the PRO package from there.

Include source files

Independent of the version, unpack the downloaded package into a folder of your project. Then include richtext.js and richtext.css files into a page. Make sure that you set correct relative paths to these files:

<script type="text/javascript" src="codebase/richtext.js"></script>  
<link rel="stylesheet" href="codebase/richtext.css">
Back to top