Skip to content

Commit d2254b4

Browse files
[add] German (de) documentation translation
- translate all 80 docs articles to German into i18n/de current - preserve @getshort macros, code, links, slugs and heading anchors - add explicit German admonition titles (Hinweis/Tipp/Info/Warnung/...) - copy docs assets into the locale folder; write .sync marker - fix md-data-transformer plugin to also process i18n/ content (without it @getshort and doc-relative links break in localized builds) - de build is clean: 0 broken links, macros expand, lang=de
1 parent 84a4e7b commit d2254b4

91 files changed

Lines changed: 6605 additions & 1 deletion

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.
Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
84a4e7b7a5deef53e01952a5a811526a74e650ee
Lines changed: 144 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,144 @@
1+
---
2+
sidebar_label: defaultStyles
3+
title: defaultStyles Konfiguration
4+
description: In der Dokumentation der DHTMLX JavaScript RichText-Bibliothek erfahren Sie mehr über die defaultStyles-Konfiguration. Lesen Sie Entwickleranleitungen und API-Referenzen, probieren Sie Code-Beispiele und Live-Demos aus, und laden Sie eine kostenlose 30-Tage-Evaluierungsversion von DHTMLX RichText herunter.
5+
---
6+
7+
# defaultStyles
8+
9+
### Beschreibung {#description}
10+
11+
@short: Optional. Legt Standard-Stilwerte für bestimmte Block-Typen fest
12+
13+
### Verwendung {#usage}
14+
15+
~~~jsx {}
16+
defaultStyles?: {
17+
"*"?: { // affects all blocks, allowing you to set common properties for all of these blocks
18+
"font-family"?: string; // "Roboto"| "Arial" | "Georgia" | "Tahoma" | "Times New Roman" | "Verdana"
19+
"font-size"?: string; // "12px" | "14px" | "16px" | "18px" | "20px" | "24px" | "28px" | "32px" | "36px"
20+
color?: string;
21+
background?: string;
22+
},
23+
p?: {
24+
"font-family"?: string; // "Roboto"| "Arial" | "Georgia" | "Tahoma" | "Times New Roman" | "Verdana"
25+
"font-size"?: string; // "12px" | "14px" | "16px" | "18px" | "20px" | "24px" | "28px" | "32px" | "36px"
26+
color?: string;
27+
background?: string;
28+
},
29+
blockquote?: {
30+
"font-family"?: string; // "Roboto"| "Arial" | "Georgia" | "Tahoma" | "Times New Roman" | "Verdana"
31+
"font-size"?: string; // "12px" | "14px" | "16px" | "18px" | "20px" | "24px" | "28px" | "32px" | "36px"
32+
color?: string;
33+
background?: string;
34+
},
35+
h1?: {
36+
"font-family"?: string; // "Roboto"| "Arial" | "Georgia" | "Tahoma" | "Times New Roman" | "Verdana"
37+
"font-size"?: string; // "12px" | "14px" | "16px" | "18px" | "20px" | "24px" | "28px" | "32px" | "36px"
38+
color?: string;
39+
background?: string;
40+
},
41+
h2?: {
42+
"font-family"?: string; // "Roboto"| "Arial" | "Georgia" | "Tahoma" | "Times New Roman" | "Verdana"
43+
"font-size"?: string; // "12px" | "14px" | "16px" | "18px" | "20px" | "24px" | "28px" | "32px" | "36px"
44+
color?: string;
45+
background?: string;
46+
},
47+
h3?: {
48+
"font-family"?: string; // "Roboto"| "Arial" | "Georgia" | "Tahoma" | "Times New Roman" | "Verdana"
49+
"font-size"?: string; // "12px" | "14px" | "16px" | "18px" | "20px" | "24px" | "28px" | "32px" | "36px"
50+
color?: string;
51+
background?: string;
52+
},
53+
h4?: {
54+
"font-family"?: string; // "Roboto"| "Arial" | "Georgia" | "Tahoma" | "Times New Roman" | "Verdana"
55+
"font-size"?: string; // "12px" | "14px" | "16px" | "18px" | "20px" | "24px" | "28px" | "32px" | "36px"
56+
color?: string;
57+
background?: string;
58+
},
59+
h5?: {
60+
"font-family"?: string; // "Roboto"| "Arial" | "Georgia" | "Tahoma" | "Times New Roman" | "Verdana"
61+
"font-size"?: string; // "12px" | "14px" | "16px" | "18px" | "20px" | "24px" | "28px" | "32px" | "36px"
62+
color?: string;
63+
background?: string;
64+
},
65+
h6?: {
66+
"font-family"?: string; // "Roboto"| "Arial" | "Georgia" | "Tahoma" | "Times New Roman" | "Verdana"
67+
"font-size"?: string; // "12px" | "14px" | "16px" | "18px" | "20px" | "24px" | "28px" | "32px" | "36px"
68+
color?: string;
69+
background?: string;
70+
}
71+
};
72+
~~~
73+
74+
:::important[Wichtig]
75+
Die Eigenschaft `defaultStyles` setzt KEINE tatsächlichen CSS-Stile auf die betroffenen Blöcke. CSS-Stile müssen separat angewendet werden:
76+
77+
```jsx title="index.js"
78+
new richtext.Richtext("#root", {
79+
defaultStyles: {
80+
h2: {
81+
"font-family": "Roboto",
82+
"font-size": "28px",
83+
color: "purple",
84+
background: "#FFC0CB"
85+
}
86+
}
87+
});
88+
```
89+
90+
```css title="index.css"
91+
<style>
92+
#root h2 {
93+
font-family: Roboto;
94+
font-size: 28px;
95+
color: purple;
96+
background: #FFC0CB;
97+
}
98+
</style>
99+
```
100+
101+
In diesem Beispiel wird allen `h2`-Blöcken die Schriftfamilie `"Roboto"` mit einer Schriftgröße von 28px zugewiesen, wobei sowohl die Vordergrund- als auch die Hintergrundfarbe geändert werden. CSS-Stile werden den `h2`-Blöcken ebenfalls zugewiesen.
102+
:::
103+
104+
### Standardkonfiguration {#default-config}
105+
106+
~~~jsx
107+
const defaultStyles = {
108+
"*": { "font-family": "Arial" },
109+
p: { "font-size": "14px" },
110+
blockquote: { "font-size": "14px" },
111+
h1: { "font-size": "32px" },
112+
h2: { "font-size": "24px" },
113+
h3: { "font-size": "18px" },
114+
h4: { "font-size": "16px" },
115+
h5: { "font-size": "14px" },
116+
h6: { "font-size": "12px" }
117+
};
118+
~~~
119+
120+
### Beispiel {#example}
121+
122+
~~~jsx {3-13}
123+
// RichText initialisieren
124+
new richtext.Richtext("#root", {
125+
defaultStyles: {
126+
h4: {
127+
"font-family": "Roboto"
128+
},
129+
h5: {
130+
"font-family": "Roboto"
131+
},
132+
h6: {
133+
"font-family": "Roboto"
134+
}
135+
},
136+
// weitere Konfigurationseigenschaften
137+
});
138+
~~~
139+
140+
**Änderungsprotokoll:** Die Eigenschaft wurde in v2.0 aktualisiert
141+
142+
**Verwandte Artikel:** [Konfiguration](guides/configuration.md)
143+
144+
**Verwandtes Beispiel:** [RichText. Standardwert für Typografie ändern (Schriftart, Schriftgröße usw.)](https://snippet.dhtmlx.com/6u3ti01s?tag=richtext)
Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
---
2+
sidebar_label: fullscreenMode
3+
title: fullscreenMode-Konfiguration
4+
description: In der Dokumentation der DHTMLX JavaScript RichText-Bibliothek erfahren Sie mehr über die fullscreenMode-Konfiguration. Lesen Sie Entwicklerhandbücher und die API-Referenz, probieren Sie Code-Beispiele und Live-Demos aus und laden Sie eine kostenlose 30-Tage-Evaluierungsversion von DHTMLX RichText herunter.
5+
---
6+
7+
# fullscreenMode
8+
9+
### Beschreibung {#description}
10+
11+
@short: Optional. Aktiviert den Vollbildmodus von RichText
12+
13+
### Verwendung {#usage}
14+
15+
~~~jsx {}
16+
fullscreenMode?: boolean;
17+
~~~
18+
19+
### Standardkonfiguration {#default-config}
20+
21+
~~~jsx
22+
fullscreenMode: false;
23+
~~~
24+
25+
### Beispiel {#example}
26+
27+
~~~jsx {3}
28+
// RichText initialisieren
29+
new richtext.Richtext("#root", {
30+
fullscreenMode: true
31+
// weitere Konfigurationseigenschaften
32+
});
33+
~~~
34+
35+
**Änderungsprotokoll:** Die Eigenschaft wurde in v2.0 hinzugefügt
36+
37+
**Verwandte Artikel:** [Konfiguration](guides/configuration.md)
38+
39+
**Verwandtes Beispiel:** [RichText. Vollständige Symbolleiste](https://snippet.dhtmlx.com/ziynafp7?tag=richtext)
Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
---
2+
sidebar_label: imageUploadUrl
3+
title: imageUploadUrl Config
4+
description: In der Dokumentation der DHTMLX JavaScript RichText-Bibliothek erfahren Sie mehr über die imageUploadUrl-Konfiguration. Durchsuchen Sie Entwicklerhandbücher und API-Referenz, probieren Sie Codebeispiele und Live-Demos aus, und laden Sie eine kostenlose 30-Tage-Evaluierungsversion von DHTMLX RichText herunter.
5+
---
6+
7+
# imageUploadUrl
8+
9+
### Beschreibung {#description}
10+
11+
@short: Optional. Gibt die URL an, die für den Bild-Upload verwendet wird (über Toolbar, Menüleiste, Zwischenablage-Einfügen oder Drag-and-Drop)
12+
13+
Wenn die Eigenschaft gesetzt ist, lädt RichText jedes eingefügte Bild an den angegebenen Endpunkt hoch und fügt die vom Server zurückgegebene URL ein.
14+
15+
Wenn die Eigenschaft weggelassen oder auf einen falschen Wert gesetzt wird (`""`, `null`, `undefined`), wechselt RichText in den **Inline-Modus**: Die Bilddatei wird clientseitig gelesen und direkt als Base64-Daten-URL in den Inhalt eingebettet – kein Server erforderlich. Inline-Bilder, die größer als 1024×800 sind, werden proportional verkleinert, um innerhalb dieser Grenzen zu bleiben.
16+
17+
:::note[Hinweis]
18+
Inline-Bilder (Base64) werden beim integrierten DOCX-/PDF-[Export](api/events/export.md) nicht beibehalten. Wenn Sie auf den Export angewiesen sind, geben Sie eine `imageUploadUrl` an, damit Bilder auf einen externen Speicherort verweisen.
19+
:::
20+
21+
:::caution[Vorsicht]
22+
Die Base64-Kodierung vergrößert die kodierte Nutzlast im Vergleich zur Originaldatei um etwa ein Drittel. Ein Dokument mit mehreren großen Inline-Bildern wächst entsprechend, was die Größe des von [`getValue()`](api/methods/get-value.md) zurückgegebenen Werts, den Speicherbedarf des Editors und den Aufwand für das Speichern oder Übertragen des Inhalts beeinflusst. Verwenden Sie für Dokumente mit vielen oder großen Bildern bevorzugt eine server-seitige `imageUploadUrl`.
23+
:::
24+
25+
### Verwendung {#usage}
26+
27+
~~~jsx {}
28+
imageUploadUrl?: string;
29+
~~~
30+
31+
### Beispiel {#example}
32+
33+
Bilder an einen Server-Endpunkt hochladen:
34+
35+
~~~jsx {3}
36+
// RichText initialisieren
37+
new richtext.Richtext("#root", {
38+
imageUploadUrl: "https://example.com/upload"
39+
// andere Konfigurationseigenschaften
40+
});
41+
~~~
42+
43+
Bilder inline als Base64 einfügen (kein Server erforderlich) – lassen Sie die Eigenschaft weg oder übergeben Sie einen leeren String:
44+
45+
~~~jsx {2}
46+
new richtext.Richtext("#root", {
47+
// imageUploadUrl ist nicht gesetzt, Bilder werden als Base64-Daten-URLs eingefügt
48+
// andere Konfigurationseigenschaften
49+
});
50+
~~~
51+
52+
**Änderungsprotokoll:** Die Eigenschaft wurde in v2.0 hinzugefügt. Ab v2.1 ist die Eigenschaft optional: Wenn sie weggelassen wird, werden Bilder inline als Base64-Daten-URLs eingefügt.
53+
54+
**Verwandte Artikel:** [Konfiguration](guides/configuration.md), [Arbeiten mit dem Server](guides/working_with_server.md)
55+
56+
**Verwandtes Beispiel:** [RichText. Initialisierung](https://snippet.dhtmlx.com/t55alxiy?tag=richtext)
Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
---
2+
sidebar_label: layoutMode
3+
title: layoutMode Konfiguration
4+
description: In der Dokumentation der DHTMLX JavaScript RichText-Bibliothek erfahren Sie mehr über die layoutMode-Konfiguration. Lesen Sie Entwickleranleitungen und API-Referenzen, probieren Sie Code-Beispiele und Live-Demos aus und laden Sie eine kostenlose 30-Tage-Evaluierungsversion von DHTMLX RichText herunter.
5+
---
6+
7+
# layoutMode
8+
9+
### Beschreibung {#description}
10+
11+
@short: Optional. Legt den Layout-Modus für den Haupteditorbereich fest
12+
13+
### Verwendung {#usage}
14+
15+
~~~jsx {}
16+
layoutMode: "classic" | "document";
17+
~~~
18+
19+
Der Modus `"classic"` füllt den gesamten Bearbeitungsbereich aus. Der Modus `"document"` zeigt den Bearbeitungsbereich als Dokumentseite an.
20+
21+
### Standardkonfiguration {#default-config}
22+
23+
~~~jsx
24+
layoutMode: "classic";
25+
~~~
26+
27+
### Beispiel {#example}
28+
29+
~~~jsx {3}
30+
// RichText initialisieren
31+
new richtext.Richtext("#root", {
32+
layoutMode: "document" // initialisiert RichText standardmäßig im "document"-Modus
33+
// weitere Konfigurationseigenschaften
34+
});
35+
~~~
36+
37+
**Änderungsprotokoll:** Die Eigenschaft wurde in v2.0 anstelle der entfernten Eigenschaft `mode` hinzugefügt
38+
39+
**Verwandte Artikel:** [Konfiguration](guides/configuration.md)
40+
41+
**Verwandtes Beispiel:** [RichText. Initialisierung](https://snippet.dhtmlx.com/t55alxiy?tag=richtext)
Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
---
2+
sidebar_label: locale
3+
title: locale Konfiguration
4+
description: Sie können mehr über die locale-Konfiguration in der Dokumentation der DHTMLX JavaScript RichText-Bibliothek erfahren. Durchsuchen Sie Entwicklerhandbücher und die API-Referenz, probieren Sie Code-Beispiele und Live-Demos aus und laden Sie eine kostenlose 30-Tage-Evaluierungsversion von DHTMLX RichText herunter.
5+
---
6+
7+
# locale
8+
9+
### Beschreibung {#description}
10+
11+
@short: Optional. Ein Objekt, das Lokalisierungsbeschriftungen von RichText enthält
12+
13+
:::info[Info]
14+
Das **locale**-Objekt muss alle Beschriftungen von RichText mit den entsprechenden Übersetzungen enthalten.
15+
:::
16+
17+
### Verwendung {#usage}
18+
19+
~~~jsx {}
20+
locale?: object;
21+
~~~
22+
23+
### Standardkonfiguration {#default-config}
24+
25+
Standardmäßig verwendet RichText die **englische** Locale. Sie können auch eine benutzerdefinierte Locale festlegen.
26+
27+
:::tip[Tipp]
28+
Um die aktuelle Locale dynamisch zu ändern, können Sie die Methode [**setLocale()**](api/methods/set-locale.md) von RichText verwenden
29+
:::
30+
31+
### Beispiel {#example}
32+
33+
~~~jsx {3}
34+
// RichText initialisieren
35+
const editor = new richtext.RichText("#root", {
36+
locale: richtext.locales.cn // die chinesische Locale wird initial gesetzt
37+
// locale: richtext.locales.en // die englische Locale wird initial gesetzt
38+
// locale: richtext.locales.de // die deutsche Locale wird initial gesetzt
39+
// weitere Konfigurationseigenschaften
40+
});
41+
~~~
42+
43+
**Änderungsprotokoll:** Die Eigenschaft wurde in v2.0 hinzugefügt
44+
45+
**Verwandte Artikel:** [Lokalisierung](guides/localization.md)
46+
47+
**Verwandtes Beispiel:** [RichText. Lokalisierung](https://snippet.dhtmlx.com/zxjrin3i?tag=richtext)
Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
---
2+
sidebar_label: menubar
3+
title: menubar Konfiguration
4+
description: In der Dokumentation der DHTMLX JavaScript RichText-Bibliothek erfahren Sie mehr über die menubar-Konfiguration. Lesen Sie Entwicklerhandbücher und API-Referenzen, probieren Sie Codebeispiele und Live-Demos aus und laden Sie eine kostenlose 30-Tage-Testversion von DHTMLX RichText herunter.
5+
---
6+
7+
# menubar
8+
9+
### Beschreibung {#description}
10+
11+
@short: Optional. Aktiviert die obere Menüleiste von RichText
12+
13+
### Verwendung {#usage}
14+
15+
~~~jsx {}
16+
menubar?: boolean;
17+
~~~
18+
19+
### Beispiel {#example}
20+
21+
~~~jsx {3}
22+
// RichText initialisieren
23+
new richtext.Richtext("#root", {
24+
menubar: true
25+
// weitere Konfigurationseigenschaften
26+
});
27+
~~~
28+
29+
**Änderungsprotokoll:** Die Eigenschaft wurde in v2.0 hinzugefügt
30+
31+
**Verwandte Artikel:** [Konfiguration](guides/configuration.md)
32+
33+
**Verwandtes Beispiel:** [RichText. Initialisierung mit Menüleiste](https://snippet.dhtmlx.com/tjryzka7?tag=richtext)

0 commit comments

Comments
 (0)