sidebar_label	Initialization
title	Initialization
description	You can learn about the initialization in the documentation of the DHTMLX JavaScript RichText library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX RichText.

Initialization

This guide explains how to add RichText to a page. Follow these steps to get a ready-to-use editor:

Include the source files

Add the RichText JavaScript and CSS files to your project. Download the package and unpack the contents into your project folder.

To create RichText, include two source files on your page:

Reference the files in your HTML. Adjust the relative paths to match your folder layout:

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

Add a container for RichText with an ID such as "root":

<div id="root"></div>

Initialize RichText with the richtext.Richtext constructor. The constructor takes two parameters:

a container — a CSS selector or a DOM element
a configuration object with the editor properties. See the full list of properties below

The example below initializes RichText in the #root container:

const editor = new richtext.Richtext("#root", {
    // configuration properties  
});

Add configuration options as keys of the configuration object.

:::note For the full list of configuration properties, see the Properties overview. :::

Call the destructor() method to remove the RichText HTML and detach all related events:

const editor = new richtext.Richtext("#root", {
    // configuration properties
});

editor.destructor();

The example below initializes RichText with the menubar enabled: