Skip to content

Commit 1421647

Browse files
committed
[add] Korean translation of docs
- translate 71 .md articles from docs/ into i18n/ko/ - copy assets (assets/richtext/*.png, assets/trial_richtext.png) for image references in translated content - write .sync marker with source commit hash 0f37662
1 parent 0f37662 commit 1421647

81 files changed

Lines changed: 5470 additions & 0 deletions

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+
0f376625b2d97a5c37059ae56f43aa2b3141fc6b
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 Config
4+
description: DHTMLX JavaScript RichText 라이브러리 문서에서 defaultStyles config에 대해 알아볼 수 있습니다. 개발자 가이드와 API 레퍼런스를 살펴보고, 코드 예제와 라이브 데모를 체험해 보세요. DHTMLX RichText 30일 무료 평가판도 다운로드할 수 있습니다.
5+
---
6+
7+
# defaultStyles
8+
9+
### 설명
10+
11+
@short: 선택 사항. 특정 블록 유형에 대한 기본 스타일 값을 지정합니다
12+
13+
### 사용법
14+
15+
~~~jsx {}
16+
defaultStyles?: {
17+
"*"?: { // 모든 블록에 영향을 미치며, 모든 블록에 공통 속성을 설정할 수 있습니다
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
75+
`defaultStyles` 속성은 영향을 받는 블록에 실제 CSS를 적용하지 않습니다. CSS 스타일은 별도로 적용해야 합니다:
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+
이 예제에서 모든 `h2` 블록에는 font-size 28px의 `"Roboto"` font-family가 지정되며, 전경색과 배경색도 함께 변경됩니다. CSS 스타일 역시 `h2` 블록에 적용됩니다.
102+
:::
103+
104+
### 기본 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+
### 예제
121+
122+
~~~jsx {3-13}
123+
// initialize RichText
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+
// other configuration properties
137+
});
138+
~~~
139+
140+
**변경 로그:** v2.0에서 속성이 업데이트되었습니다
141+
142+
**관련 문서:** [Configuration](guides/configuration.md)
143+
144+
**관련 샘플:** [RichText. Changing the default value for typography (font, font size, etc.)](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 Config
4+
description: DHTMLX JavaScript RichText 라이브러리 문서에서 fullscreenMode config에 대해 알아볼 수 있습니다. 개발자 가이드와 API 레퍼런스를 살펴보고, 코드 예제와 라이브 데모를 직접 실행해 보며, DHTMLX RichText 30일 무료 평가판을 다운로드하세요.
5+
---
6+
7+
# fullscreenMode
8+
9+
### Description
10+
11+
@short: Optional. RichText 전체 화면 모드를 활성화합니다
12+
13+
### Usage
14+
15+
~~~jsx {}
16+
fullscreenMode?: boolean;
17+
~~~
18+
19+
### Default config
20+
21+
~~~jsx
22+
fullscreenMode: false;
23+
~~~
24+
25+
### Example
26+
27+
~~~jsx {3}
28+
// initialize RichText
29+
new richtext.Richtext("#root", {
30+
fullscreenMode: true
31+
// other configuration properties
32+
});
33+
~~~
34+
35+
**Change log:** 이 속성은 v2.0에서 추가되었습니다
36+
37+
**Related articles:** [Configuration](guides/configuration.md)
38+
39+
**Related sample:** [RichText. Full toolbar](https://snippet.dhtmlx.com/ziynafp7?tag=richtext)
Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
---
2+
sidebar_label: imageUploadUrl
3+
title: imageUploadUrl Config
4+
description: DHTMLX JavaScript RichText 라이브러리 문서에서 imageUploadUrl config에 대해 알아볼 수 있습니다. 개발자 가이드와 API 레퍼런스를 살펴보고, 코드 예제와 라이브 데모를 직접 실행해 보세요. DHTMLX RichText 무료 30일 평가판을 다운로드할 수도 있습니다.
5+
---
6+
7+
# imageUploadUrl
8+
9+
### Description
10+
11+
@short: Optional. 이미지 업로드에 사용할 URL을 지정합니다
12+
13+
### Usage
14+
15+
~~~jsx {}
16+
imageUploadUrl?: string;
17+
~~~
18+
19+
### Example
20+
21+
~~~jsx {3}
22+
// initialize RichText
23+
new richtext.Richtext("#root", {
24+
imageUploadUrl: "some URL"
25+
// other configuration properties
26+
});
27+
~~~
28+
29+
**Change log:** v2.0에서 추가된 속성입니다
30+
31+
**Related articles:** [Configuration](guides/configuration.md)
32+
33+
**Related sample:** [RichText. Initialization](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 Config
4+
description: DHTMLX JavaScript RichText 라이브러리 문서에서 layoutMode config에 대해 알아볼 수 있습니다. 개발자 가이드와 API 레퍼런스를 살펴보고, 코드 예제와 라이브 데모를 직접 실행해 보세요. DHTMLX RichText 무료 30일 평가판도 다운로드할 수 있습니다.
5+
---
6+
7+
# layoutMode
8+
9+
### Description
10+
11+
@short: Optional. Specifies the layout mode for the main editor area
12+
13+
### Usage
14+
15+
~~~jsx {}
16+
layoutMode: "classic" | "document";
17+
~~~
18+
19+
`"classic"` 모드는 전체 편집 영역을 채웁니다. `"document"` 모드는 편집 영역을 문서 페이지 형태로 표시합니다.
20+
21+
### Default config
22+
23+
~~~jsx
24+
layoutMode: "classic";
25+
~~~
26+
27+
### Example
28+
29+
~~~jsx {3}
30+
// initialize RichText
31+
new richtext.Richtext("#root", {
32+
layoutMode: "document" // initializes RichText with "document" mode by default
33+
// other configuration properties
34+
});
35+
~~~
36+
37+
**Change log:** 이 속성은 제거된 `mode` 속성 대신 v2.0에서 추가되었습니다
38+
39+
**Related articles:** [Configuration](guides/configuration.md)
40+
41+
**Related sample:** [RichText. Initialization](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 Config
4+
description: DHTMLX JavaScript RichText 라이브러리 문서에서 locale config에 대해 알아볼 수 있습니다. 개발자 가이드 및 API 레퍼런스를 탐색하고, 코드 예제와 라이브 데모를 확인하며, DHTMLX RichText의 무료 30일 평가판을 다운로드하세요.
5+
---
6+
7+
# locale
8+
9+
### Description
10+
11+
@short: 선택 사항. RichText의 현지화 레이블을 포함하는 객체
12+
13+
:::info
14+
**locale** 객체에는 RichText의 모든 레이블과 그에 해당하는 번역이 포함되어야 합니다.
15+
:::
16+
17+
### Usage
18+
19+
~~~jsx {}
20+
locale?: object;
21+
~~~
22+
23+
### Default config
24+
25+
기본적으로 RichText는 **영어** locale을 사용합니다. 사용자 지정 locale로 설정할 수도 있습니다.
26+
27+
:::tip
28+
현재 locale을 동적으로 변경하려면 RichText의 [**setLocale()**](api/methods/set-locale.md) 메서드를 사용할 수 있습니다.
29+
:::
30+
31+
### Example
32+
33+
~~~jsx {3}
34+
// initialize RichText
35+
const editor = new richtext.RichText("#root", {
36+
locale: richtext.locales.cn // the Chineese locale will be set initially
37+
// locale: richtext.locales.en // the English locale will be set initially
38+
// locale: richtext.locales.de // the Germany locale will be set initially
39+
// other configuration properties
40+
});
41+
~~~
42+
43+
**Change log:** v2.0에서 추가된 속성
44+
45+
**Related articles:** [Localization](guides/localization.md)
46+
47+
**Related sample:** [RichText. Localization](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 Config
4+
description: DHTMLX JavaScript RichText 라이브러리 문서에서 menubar config에 대해 알아볼 수 있습니다. 개발자 가이드와 API 레퍼런스를 살펴보고, 코드 예제와 라이브 데모를 체험하며, DHTMLX RichText 무료 30일 평가판을 다운로드하세요.
5+
---
6+
7+
# menubar
8+
9+
### Description
10+
11+
@short: 선택 사항. RichText 상단 메뉴바를 활성화합니다
12+
13+
### Usage
14+
15+
~~~jsx {}
16+
menubar?: boolean;
17+
~~~
18+
19+
### Example
20+
21+
~~~jsx {3}
22+
// initialize RichText
23+
new richtext.Richtext("#root", {
24+
menubar: true
25+
// other configuration properties
26+
});
27+
~~~
28+
29+
**Change log:** 이 속성은 v2.0에서 추가되었습니다
30+
31+
**Related articles:** [Configuration](guides/configuration.md)
32+
33+
**Related sample:** [RichText. Initialization with menubar](https://snippet.dhtmlx.com/tjryzka7?tag=richtext)

0 commit comments

Comments
 (0)