RichText editor will make text editing quick and comfortable due to the inbuilt set of handy formatting tools. Follow this comprehensive and easy-to-reproduce tutorial to create RichText editor on a page and start working with it.
Step 1. Include source files
First create an HTML file with the name
index.html. Then include the source files of dhtmlxRichText into this file.
Have a look at the structure of RichText package.
You need to include the following two files:
- the JS file of dhtmlxRichText
- the CSS file of dhtmlxRichText
Step 2. Create RichText
At this step you can add RichText on a page. There are two easy steps:
- Open the
index.htmlfile and create a DIV container in it.
- Initialize dhtmlxRichText in the container with the help of the
dhx.Richtextconstructor. As parameters of the constructor function, pass the container you've created above and the configuration object of RichText:
Step 3. RichText Configuration
Now it's time to define the desired configuration options to make RichText meet you needs.
RichText provides several options that let you adjust the toolbar appearance and behavior as well as choose the most suitable mode of work with a document. Learn all the available settings.
For example, you can specify the
"document" mode of RichText displaying:
Step 4. Setting content (optional)
If necessary, you can parse some text in the HTML or Markdown format on the RichText initialization. Read more about this feature in the related article.