[update] RichText 2.0

Author: serhiipylypchuk1991

docs/api/editor_api_methods.md

@@ -87,6 +87,6 @@ richtext.events.on("Change", function(action, canUndo, canRedo){
 
 #### Details
 
-[See the list of Richtext events](api/events.md). 
+[See the list of RichText events](api/events.md). 
 
 You can attach several handlers to the same event and all of them will be executed. If some of handlers return *false*, the related operations will be blocked. Event handlers are processed in the same order that they are attached.

docs/api/events_bus.md

@@ -8,7 +8,7 @@ description: Become familiar with a range of objects, methods, and events availa
 
 ~~~js
 var richtext = new dhx.Richtext("richtext_container", {
-	mode:"document"
+    mode:"document"
 });
 ~~~
 
@@ -53,7 +53,7 @@ var richtext = new dhx.Richtext("richtext_container", {
 | ------------------------------------------------ | ---------------- |
 | [customStats](api/properties.md#customstats)     | defines the logic of displaying custom statistics |
 | [mode](api/properties.md#mode)                   | the working mode of the RichText editor  |
-| [toolbarBlocks](api/properties.md#toolbarblocks) | specifies blocks of buttons that will be shown in the Richtext toolbar |
+| [toolbarBlocks](api/properties.md#toolbarblocks) | specifies blocks of buttons that will be shown in the RichText Toolbar |
 
 ### Editor API methods
 
@@ -76,19 +76,19 @@ var EditorAPI = richtext.getEditorAPI();
 
 | Name                                    | Description                                  |
 |-----------------------------------------|----------------------------------------------|
-| [add](api/toolbar_methods.md#add)       | adds a new control to the toolbar            |
-| [remove](api/toolbar_methods.md#remove) | removes a control from the toolbar           |
+| [add](api/toolbar_methods.md#add)       | adds a new control to the Toolbar            |
+| [remove](api/toolbar_methods.md#remove) | removes a control from the Toolbar           |
 | [update](api/toolbar_methods.md#update) | updates configuration options of the control |
 
 ### Toolbar controls
 
-Besides using the [default](guides/customization.md#default-controls) controls of the toolbar, you can customize the toolbar by adding the following controls:
+Besides using the [default](guides/customization.md#default-controls) controls of the toolbar, you can customize the Toolbar by adding the following controls:
 
 | Name                                                 | Description        |
 |------------------------------------------------------|--------------------------------------------------------------|
 | [Button](api/toolbar_controls.md#button)             | a simple button that can have an icon    |
 | [Custom HTML](api/toolbar_controls.md#custom-html)   | an item that contains any custom HTML content (for example, an image, icon or other element)     |
 | [ImageButton](api/toolbar_controls.md#imagebutton)   | a button with an image   |
 | [SelectButton](api/toolbar_controls.md#selectbutton) | a button that contains a drop-down list of options    |
-| [Separator](api/toolbar_controls.md#separator)       | a horizontal (between menu options) or vertical (between toolbar controls) line separating items/groups of items from each other |
-| [Spacer](api/toolbar_controls.md#spacer)             | the item takes space on the toolbar and is used for aligning controls   |
+| [Separator](api/toolbar_controls.md#separator)       | a horizontal (between menu options) or vertical (between Toolbar controls) line separating items/groups of items from each other |
+| [Spacer](api/toolbar_controls.md#spacer)             | the item takes space on the Toolbar and is used for aligning controls   |

docs/api/overview.md

@@ -1,7 +1,7 @@
 ---
 sidebar_label: Properties
 title: Properties
-description: Get insight into configuration properties utilized for working with text statistics, setting editor mode, and customizing the toolbar in DHTMLX Rich Text Editor.
+description: Get insight into configuration properties utilized for working with text statistics, setting editor mode, and customizing the Toolbar in DHTMLX Rich Text Editor.
 ---
 
 ## `customStats`
@@ -50,7 +50,7 @@ ____
 
 ## `defaultStyles`
 
-Defines default values of the toolbar selection controls
+Defines default values of the Toolbar selection controls
 
 `defaultStyles?: object;`
 
@@ -91,7 +91,7 @@ The working mode of the RichText editor
 **Values**: "default", "document"
 
 ~~~jsx
-var richtext = new dhx.RichText("richtext_container", { 
+var richtext = new dhx.Richtext("richtext_container", { 
     mode: "document"
 });
 ~~~
@@ -104,13 +104,13 @@ ____
 
 ## `toolbarBlocks`
 
-Specifies blocks of buttons that will be shown in the Richtext toolbar
+Specifies blocks of buttons that will be shown in the RichText toolbar
 
 `toolbarBlocks?: array;`
 
 ~~~jsx
-// default toolbar blocks
-var richtext = new dhx.RichText("richtext_container", { 
+// default Toolbar blocks
+var richtext = new dhx.Richtext("richtext_container", { 
     toolbarBlocks: ["undo", "style", "decoration", "colors", "align", "link"]
 });
 ~~~
@@ -123,10 +123,10 @@ var richtext = new dhx.RichText("richtext_container", {
 
 ### Full toolbar
 
-The full toolbar contains several more blocks: `"clear"`, `"fullscreen"`, and `"stats"`:
+The full Toolbar contains several more blocks: `"clear"`, `"fullscreen"`, and `"stats"`:
 
 ~~~jsx
-var richtext = new dhx.RichText(document.body, {
+var richtext = new dhx.Richtext(document.body, {
     // full toolbar
     toolbarBlocks: [
         "undo", "style", "decoration", "colors", "align", 
@@ -137,23 +137,23 @@ var richtext = new dhx.RichText(document.body, {
 
 **Related sample:** [RichText. Full Toolbar](https://snippet.dhtmlx.com/5yga5ce1)
 
-### Short toolbar definition
+### Short Toolbar definition
 
 The default set of buttons can be specified via the `"default"` definition in the `toolbarBlocks` array, like this:
 
 ~~~jsx
-var richtext = new dhx.RichText(document.body, {
+var richtext = new dhx.Richtext(document.body, {
     // full toolbar
     toolbarBlocks: ["default", "clear", "stats", "fullscreen"]
 });
 ~~~
 
 ### Custom toolbar
 
-It is also possible to create a custom toolbar by setting desired blocks in the random order:
+It is also possible to create a custom Toolbar by setting desired blocks in the random order:
 
 ~~~jsx
-var richtext = new dhx.RichText(document.body, {
+var richtext = new dhx.Richtext(document.body, {
     toolbarBlocks: ["clear", "colors", "align", "decoration", 
         "undo", "fullscreen", "link"
     ]

docs/api/properties.md

@@ -1,10 +1,10 @@
 ---
 sidebar_label: Toolbar controls
 title: Toolbar controls
-description: Learn how to add custom toolbar controls and configure them to your requirements using the available API properties of DHTMLX Rich Text Editor.
+description: Learn how to add custom Toolbar controls and configure them to your requirements using the available API properties of DHTMLX Rich Text Editor.
 ---
 
-Besides using the [default](guides/customization.md#default-controls) controls of the toolbar, you can customize the toolbar by adding the following controls:
+Besides using the [default](guides/customization.md#default-controls) controls of the toolbar, you can customize the Toolbar by adding the following controls:
 
 ## `Button`
 
@@ -56,7 +56,7 @@ An item that contains any custom HTML content (for example, an image, icon or ot
 
 ```js
 richtext.toolbar.data.add({
-	type: "customHTML", 
+    type: "customHTML", 
     id: "htmlbutton-id",
     value: "Some value",
     icon: "icon-name"
@@ -84,7 +84,7 @@ A button with an image
 
 ```js
 richtext.toolbar.data.add({
-	type: "imageButton",
+    type: "imageButton",
     count: 10,
     src: "../img/avatar.png"
 }, 3);
@@ -113,7 +113,7 @@ A button that contains a drop-down list of options
 
 ```js
 richtext.toolbar.data.add({
-	id: "select_button",
+    id: "select_button",
     type: "selectButton",
     value: "1",
     items: [
@@ -135,7 +135,7 @@ richtext.toolbar.data.add({
 
 ## `Separator`
 
-A horizontal (between menu options) or vertical (between toolbar controls) line separating items/groups of items from each other
+A horizontal (between menu options) or vertical (between Toolbar controls) line separating items/groups of items from each other
 
 
 | Properties | Type     | Description                                    |
@@ -145,13 +145,13 @@ A horizontal (between menu options) or vertical (between toolbar controls) line
 
 ```js
 richtext.toolbar.data.add({
-	type:"separator"
+    type:"separator"
 }, 4);
 ```
 
 ## `Spacer`
 
-The item takes space on the toolbar and is used for aligning controls
+The item takes space on the Toolbar and is used for aligning controls
 
 
 | Properties | Type     | Description                                    |
@@ -161,6 +161,6 @@ The item takes space on the toolbar and is used for aligning controls
 
 ```js
 richtext.toolbar.data.add({
-	type:"spacer"
+    type:"spacer"
 }, 4);
 ```

docs/api/toolbar_controls.md

@@ -1,7 +1,7 @@
 ---
 sidebar_label: Toolbar methods
 title: Toolbar methods
-description: Check the list of API methods of DHTMLX Rich Text Editor enabling you to add and remove toolbar controls as well as update their configuration.
+description: Check the list of API methods of DHTMLX Rich Text Editor enabling you to add and remove Toolbar controls as well as update their configuration.
 ---