Update configs

Author: serhiipylypchuk1991

docs/api/config/default-styles.md

@@ -117,7 +117,8 @@ const defaultStyles = {
 
 ### Example
 
-~~~jsx {2-12}
+~~~jsx {3-13}
+// initialize RichText
 new richtext.Richtext("#root", {
     defaultStyles: {
         h4: {

docs/api/config/fullscreen.md

@@ -8,7 +8,7 @@ description: You can learn about the fullscreen config in the documentation of t
 
 ### Description
 
-@short: Optional. Enables the editor fullscreen mode
+@short: Optional. Enables the RichText fullscreen mode
 
 ### Usage
 
@@ -19,12 +19,13 @@ fullscreen?: boolean;
 ### Default config
 
 ~~~jsx
-fullscreen: false
+fullscreen: false;
 ~~~
 
 ### Example
 
-~~~jsx {2}
+~~~jsx {3}
+// initialize RichText
 new richtext.Richtext("#root", {
     fullscreen: true
     // other parameters

docs/api/config/image-upload-url.md

@@ -18,7 +18,8 @@ imageUploadUrl?: string;
 
 ### Example
 
-~~~jsx {2}
+~~~jsx {3}
+// initialize RichText
 new richtext.Richtext("#root", {
     imageUploadUrl: "some URL"
     // other parameters

docs/api/config/layout-mode.md

@@ -21,20 +21,21 @@ The `"classic"` mode represents the edit area that fits the entire page. The `"d
 ### Default config
 
 ~~~jsx
-layoutMode: "classic"
+layoutMode: "classic";
 ~~~
 
 ### Example
 
-~~~jsx {2}
+~~~jsx {3}
+// initialize RichText
 new richtext.Richtext("#root", {
-    layoutMode: "document"  // initializes richtext with "document" mode by default
+    layoutMode: "document"  // initializes RichText with "document" mode by default
     // other parameters
 });
 ~~~
 
 **Change log:** The property was added in v2.0 instead of the deprecated `mode` property
 
-**Related articles:** [Configuration](../../../guides/configuration)
+**Related articles:** [Configuration](guides/configuration.md)
 
 **Related sample:** [RichText. Initialization](https://snippet.dhtmlx.com/t55alxiy)

docs/api/config/locale.md

@@ -0,0 +1,45 @@
+---
+sidebar_label: locale
+title: locale Config
+description: You can learn about the locale config 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.
+---
+
+# locale
+
+### Description
+
+@short: Optional. An object that includes localization labels of RichText
+
+:::info
+The **locale** object needs to include all labels of RichText with the corresponding translations.
+:::
+
+### Usage
+
+~~~jsx {}
+locale?: object;
+~~~
+
+### Default config
+
+By default, RichText uses the **English** locale. You can set it to the custom locale as well.
+
+:::tip
+To change the current locale dynamically, you can use the [**setLocale()**](methods/set-locale.md) method of RichText
+:::
+
+### Example
+
+~~~jsx {3}
+// initialize RichText
+const editor = new richtext.RichText("#root", {
+    locale: richtext.locale.cn // the Chineese locale will be set initially
+    // locale: richtext.locale.en // the English locale will be set initially
+    // locale: richtext.locale.de // the Germany locale will be set initially
+    // other parameters
+});
+~~~
+
+**Related articles:** [Localization](guides/localization.md)
+
+**Related sample:** [RichText. Localization](https://snippet.dhtmlx.com/zxjrin3i)

docs/api/config/menubar.md

@@ -8,7 +8,7 @@ description: You can learn about the menubar config in the documentation of the
 
 ### Description
 
-@short: Optional. Enables the top menubar
+@short: Optional. Enables the top menubar of RichText
 
 ### Usage
 
@@ -18,7 +18,8 @@ menubar?: boolean;
 
 ### Example
 
-~~~jsx {2}
+~~~jsx {3}
+// initialize RichText
 new richtext.Richtext("#root", {
     menubar: true
     // other parameters

docs/api/config/toolbar.md

@@ -8,7 +8,7 @@ description: You can learn about the toolbar config in the documentation of the
 
 ### Description
 
-@short: Optional. Shows or hides Toolbar and specifies buttons visible within Toolbar
+@short: Optional. Enables toolbar and specifies buttons displayed within Toolbar
 
 ### Usage
 
@@ -18,7 +18,7 @@ toolbar?: boolean | Array<string | { id: string, type: string, label?: string, t
 
 #### Available buttons within Toolbar
 
-You can specify the following buttons in the Richtext Toolbar:
+You can specify the following buttons in the RichText toolbar:
 
 | Button              | Description                                                                 |
 |---------------------|-----------------------------------------------------------------------------|
@@ -50,9 +50,9 @@ You can specify the following buttons in the Richtext Toolbar:
 | `fullscreen`        | Toggles fullscreen mode.                                                    |
 | `mode`              | Switches between different view modes (e.g., visual, HTML, Markdown).       |
 | `shortcuts`         | Displays a list of available keyboard shortcuts.                            |
-| `separator`         | Adds a visual separator between Toolbar groups.                             |
+| `separator`         | Adds a visual separator between toolbar groups.                             |
 
-You can use this strings to configure Toolbar buttons as follow:
+You can use this strings to configure toolbar buttons as follow:
 
 ~~~jsx {2-7}
 new richtext.Richtext("#root", {
@@ -77,7 +77,7 @@ You can specify custom buttons as objects with the following parameters:
 - `css` - (optional) a css class name assigned to the control (default supported classes: wx-primary, wx-secondary)
 - `handler` - (optional) a callback function that executes when the button is clicked
 
-You can specify custom buttons within a Toolbar as follow:
+You can specify custom buttons within a toolbar as follow:
 
 ~~~jsx {6-14}
 new richtext.Richtext("#root", {
@@ -102,7 +102,7 @@ new richtext.Richtext("#root", {
 
 #### Hide Toolbar
 
-If you need to hide Toolbar, set the `toolbar` property to `false` as follows:
+If you need to hide toolbar, set the `toolbar` property to `false` as follows:
 
 ~~~jsx {2}
 new richtext.Richtext("#root", {
@@ -152,7 +152,8 @@ const defaultToolbarButtons = {
 
 ### Example
 
-~~~jsx {4}
+~~~jsx {3-18}
+// initialize RichText
 new richtext.Richtext("#root", {
     toolbar: [
         "bold",

docs/api/config/value.md

@@ -8,10 +8,10 @@ description: You can learn about the value config in the documentation of the DH
 
 ### Description
 
-@short: Optional. Specifies the initial value (content) displayed within the editor area using the HTML format (default format)
+@short: Optional. Specifies the initial value (content) displayed within the editor area of RichText
 
 :::tip
-If you want to set the value (content) using another format, use the built-in [`setValue()`](api/methods/set-value.md) method.
+If you want to set the value (content) using custom format, use the built-in [`setValue()`](api/methods/set-value.md) method.
 :::
 
 ### Usage