Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
21 commits
Select commit Hold shift + click to select a range
ef2c1a9
[update] normalize links
serhiipylypchuk1991 Oct 24, 2025
b8d0e3e
[dev] update gitignore file
serhiipylypchuk1991 Oct 24, 2025
bc7d49d
[dev] update docusaurus.config.js file
serhiipylypchuk1991 Oct 24, 2025
688f7cc
[dev] add retranslate config
serhiipylypchuk1991 Oct 24, 2025
49c4471
[dev] retranslate footer/navbar/code/current
serhiipylypchuk1991 Oct 24, 2025
b1b8f89
[dev] english version correction
serhiipylypchuk1991 Oct 24, 2025
24a8e7b
[dev] normalize images
serhiipylypchuk1991 Oct 24, 2025
f94764e
[update] docs after normalising images
serhiipylypchuk1991 Oct 24, 2025
09cc65a
[dev] humanise clean ./docs
serhiipylypchuk1991 Oct 24, 2025
2444180
[update] links in original version
serhiipylypchuk1991 Oct 24, 2025
70fa5c8
[dev] translate EN version
serhiipylypchuk1991 Oct 24, 2025
da288da
[dev] translate DE version
serhiipylypchuk1991 Oct 24, 2025
e665d67
[dev] translate RU version
serhiipylypchuk1991 Oct 24, 2025
41927b1
[dev] translate KO version
serhiipylypchuk1991 Oct 24, 2025
21902c4
[dev] translate ZH version
serhiipylypchuk1991 Oct 24, 2025
8709b60
[dev] add translation selector
serhiipylypchuk1991 Oct 24, 2025
5f5f359
[dev] update md data parser
serhiipylypchuk1991 Oct 24, 2025
33721dc
[dev] update locales (array)
serhiipylypchuk1991 Oct 24, 2025
30e6405
Merge pull request #19 from DHTMLX/next-translations
serhiipylypchuk1991 Oct 24, 2025
4a2914f
[dev] add new deploy branches (next, test)
serhiipylypchuk1991 Oct 24, 2025
b3272aa
Merge pull request #21 from DHTMLX/next-translations
serhiipylypchuk1991 Oct 24, 2025
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
2 changes: 1 addition & 1 deletion .github/workflows/main.yml
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ name: Deploy To Site
on:
# Triggers the workflow on push or pull request events but only for the master branch
push:
branches: [master]
branches: [master, next, text]

# A workflow run is made up of one or more jobs that can run sequentially or in parallel
jobs:
Expand Down
4 changes: 4 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -20,3 +20,7 @@ yarn-debug.log*
yarn-error.log*

\.idea/
gptit.toml
.yarnrc.yml
prompts
.yarn/install-state.gz
12 changes: 6 additions & 6 deletions docs/api/config/default-styles.md
Original file line number Diff line number Diff line change
@@ -1,20 +1,20 @@
---
sidebar_label: defaultStyles
title: defaultStyles Config
description: You can learn about the defaultStyles 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.
description: Explore the defaultStyles configuration in the DHTMLX JavaScript RichText library documentation. Find developer guides, API references, try code samples and live demos, and download a free 30-day trial of DHTMLX RichText.
---

# defaultStyles

### Description

@short: Optional. Specifies default style values for specific block types
@short: Optional. Defines default style settings for specific block types.

### Usage

~~~jsx {}
defaultStyles?: {
"*"?: { // affects all blocks, allowing you to set common properties for all of these blocks
"*"?: { // applies to all blocks, letting you set common properties for all of them
"font-family"?: string; // "Roboto"| "Arial" | "Georgia" | "Tahoma" | "Times New Roman" | "Verdana"
"font-size"?: string; // "12px" | "14px" | "16px" | "18px" | "20px" | "24px" | "28px" | "32px" | "36px"
color?: string;
Expand Down Expand Up @@ -72,7 +72,7 @@ defaultStyles?: {
~~~

:::important
The `defaultStyles` property DOES NOT set the actual CSS to the affected blocks. CSS styles have to be applied separately:
The `defaultStyles` property doesn't actually apply CSS styles to the blocks. To see the styles take effect, you need to add the corresponding CSS separately:

```jsx title="index.js"
new richtext.Richtext("#root", {
Expand All @@ -98,7 +98,7 @@ new richtext.Richtext("#root", {
</style>
```

In this example, all `h2` blocks are assigned to the `"Roboto"` font-family with a font-size of 28px with both the foreground and the background colors changed as well. Css styles assigned to `h2` blocks as well.
In this example, every `h2` block is set to use the `"Roboto"` font-family with a font size of 28px, along with changes to the text and background colors. The CSS styles for `h2` blocks are also applied accordingly.
:::

### Default config
Expand Down Expand Up @@ -137,7 +137,7 @@ new richtext.Richtext("#root", {
});
~~~

**Change log:** The property was updated in v2.0
**Change log:** This property was updated in version 2.0

**Related articles:** [Configuration](guides/configuration.md)

Expand Down
6 changes: 3 additions & 3 deletions docs/api/config/fullscreen-mode.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
sidebar_label: fullscreenMode
title: fullscreenMode Config
description: You can learn about the fullscreenMode 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.
description: Explore the fullscreenMode config in the DHTMLX JavaScript RichText library documentation. Check out developer guides, API references, try code examples and live demos, and download a free 30-day trial of DHTMLX RichText.
---

# fullscreenMode

### Description

@short: Optional. Enables the RichText fullscreen mode
@short: Optional. Turns on the RichText fullscreen mode

### Usage

Expand All @@ -32,7 +32,7 @@ new richtext.Richtext("#root", {
});
~~~

**Change log:** The property was added in v2.0
**Change log:** This property was introduced in v2.0

**Related articles:** [Configuration](guides/configuration.md)

Expand Down
4 changes: 2 additions & 2 deletions docs/api/config/image-upload-url.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ description: You can learn about the imageUploadUrl config in the documentation

### Description

@short: Optional. Specifies the URL which will be used for image upload
@short: Optional. Defines the URL that will be used to upload images

### Usage

Expand All @@ -26,7 +26,7 @@ new richtext.Richtext("#root", {
});
~~~

**Change log:** The property was added in v2.0
**Change log:** This property was introduced in version 2.0

**Related articles:** [Configuration](guides/configuration.md)

Expand Down
10 changes: 5 additions & 5 deletions docs/api/config/layout-mode.md
Original file line number Diff line number Diff line change
@@ -1,22 +1,22 @@
---
sidebar_label: layoutMode
title: layoutMode Config
description: You can learn about the layoutMode 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.
description: Explore the layoutMode configuration in the DHTMLX JavaScript RichText library documentation. Check out developer guides, API references, code samples, live demos, and download a free 30-day trial of DHTMLX RichText.
---

# layoutMode

### Description

@short: Optional. Specifies the layout mode for the main editor area
@short: Optional. Defines the layout style for the main editor area.

### Usage

~~~jsx {}
layoutMode: "classic" | "document";
~~~

The `"classic"` mode represents the edit area that fits the entire page. The `"document"` mode closely represent the real document sizes (sizes used: A4, A5, A6, A7).
The `"classic"` mode makes the editing area span the entire page. The `"document"` mode simulates actual document sizes, using formats like A4, A5, A6, and A7.

### Default config

Expand All @@ -29,12 +29,12 @@ layoutMode: "classic";
~~~jsx {3}
// initialize RichText
new richtext.Richtext("#root", {
layoutMode: "document" // initializes RichText with "document" mode by default
layoutMode: "document" // sets RichText to use "document" mode by default
// other configuration properties
});
~~~

**Change log:** The property was added in v2.0 instead of the removed `mode` property
**Change log:** This property was introduced in v2.0, replacing the older `mode` property.

**Related articles:** [Configuration](guides/configuration.md)

Expand Down
18 changes: 9 additions & 9 deletions docs/api/config/locale.md
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
---
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.
description: Explore the locale config in the DHTMLX JavaScript RichText library documentation. Check out developer guides, API references, try code samples and live demos, and download a free 30-day trial of DHTMLX RichText.
---

# locale

### Description

@short: Optional. An object that includes localization labels of RichText
@short: Optional. An object containing localization labels for RichText

:::info
The **locale** object needs to include all labels of RichText with the corresponding translations.
The **locale** object should have all the RichText labels along with their respective translations.
:::

### Usage
Expand All @@ -22,25 +22,25 @@ locale?: object;

### Default config

By default, RichText uses the **English** locale. You can set it to the custom locale as well.
By default, RichText comes with the **English** locale. You also have the option to set a custom locale.

:::tip
To change the current locale dynamically, you can use the [**setLocale()**](api/methods/set-locale.md) method of RichText
To switch the locale on the fly, use the [**setLocale()**](api/methods/set-locale.md) method of RichText
:::

### Example

~~~jsx {3}
// initialize RichText
const editor = new richtext.RichText("#root", {
locale: richtext.locales.cn // the Chineese locale will be set initially
// locale: richtext.locales.en // the English locale will be set initially
// locale: richtext.locales.de // the Germany locale will be set initially
locale: richtext.locales.cn // the Chinese locale is set initially
// locale: richtext.locales.en // the English locale is set initially
// locale: richtext.locales.de // the German locale is set initially
// other configuration properties
});
~~~

**Change log:** The property was added in v2.0
**Change log:** This property was introduced in v2.0

**Related articles:** [Localization](guides/localization.md)

Expand Down
4 changes: 2 additions & 2 deletions docs/api/config/menubar.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ description: You can learn about the menubar config in the documentation of the

### Description

@short: Optional. Enables the top menubar of RichText
@short: Optional. Turns on the top menubar in RichText.

### Usage

Expand All @@ -26,7 +26,7 @@ new richtext.Richtext("#root", {
});
~~~

**Change log:** The property was added in v2.0
**Change log:** This property was introduced in v2.0

**Related articles:** [Configuration](guides/configuration.md)

Expand Down
Loading
Loading