#markdown
#test
#bilingual
Comprehensive Markdown & Translation Test
2026-06-12 · BURAK ERGÜL · 4 MIN
This paragraph is only visible when English is selected. Below are the sections where we test all markdown features. Our system displays only the text within the relevant tags based on the selected language.
Heading H2
Welcome to our Markdown-supported blog system!
Heading H3
Some list items:
- First item
- Second item
- Sub-item A
- Sub-item B
Bold, Italic, and Strikethrough text. You can also use inline code elements.
"This is a blockquote. It is used to increase readability." — Design Guideline
Table Support
| Özellik / Feature | TR | EN |
|---|---|---|
| Başlık (Title) | Evet | Yes |
| Kod (Code) | Evet | Yes |
| Tablo (Table) | Evet | Yes |
The code block below is common and language-independent. Only the texts above or below it are translated.
ExampleComponent.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
import React, { useState } from class="text-[var(--color-syntax-string)]">'react';
class=class="text-[var(--color-syntax-string)]">"text-[var(--color-syntax-comment)]">// Bu bir kod bloğu örneğidir. (This is a code block example)
export function Example() {
const [count, setCount] = useState(0);
return (
class="text-[var(--color-syntax-string)]">"p-4">
Count: {count}
Increment
);
}
import React, { useState } from class="text-[var(--color-syntax-string)]">'react';
class=class="text-[var(--color-syntax-string)]">"text-[var(--color-syntax-comment)]">// Bu bir kod bloğu örneğidir. (This is a code block example)
export function Example() {
const [count, setCount] = useState(0);
return (
class="text-[var(--color-syntax-string)]">"p-4">
Count: {count}
Increment
);
}
import React, { useState } from class="text-[var(--color-syntax-string)]">'react';
class=class="text-[var(--color-syntax-string)]">"text-[var(--color-syntax-comment)]">// Bu bir kod bloğu örneğidir. (This is a code block example)
export function Example() {
const [count, setCount] = useState(0);
return (
class="text-[var(--color-syntax-string)]">"p-4">
Count: {count}
Increment
);
}
import React, { useState } from class="text-[var(--color-syntax-string)]">'react';
class=class="text-[var(--color-syntax-string)]">"text-[var(--color-syntax-comment)]">// Bu bir kod bloğu örneğidir. (This is a code block example)
export function Example() {
const [count, setCount] = useState(0);
return (
class="text-[var(--color-syntax-string)]">"p-4">
Count: {count}
Increment
);
}
In conclusion, it's very easy to support two languages in a single markdown file using the [TR] and [EN] tags!