@intlayer/docs 8.10.0-canary.1 → 8.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/ar/dictionary/markdown.md +13 -12
- package/docs/de/dictionary/markdown.md +13 -12
- package/docs/en/dictionary/markdown.md +16 -12
- package/docs/en-GB/dictionary/markdown.md +13 -12
- package/docs/es/dictionary/markdown.md +13 -12
- package/docs/fr/dictionary/markdown.md +13 -12
- package/docs/hi/dictionary/markdown.md +13 -12
- package/docs/id/dictionary/markdown.md +13 -12
- package/docs/it/dictionary/markdown.md +13 -12
- package/docs/ko/dictionary/markdown.md +13 -12
- package/docs/pl/dictionary/markdown.md +13 -12
- package/docs/pt/dictionary/markdown.md +13 -12
- package/docs/ru/dictionary/markdown.md +13 -13
- package/docs/tr/dictionary/markdown.md +13 -12
- package/docs/uk/dictionary/markdown.md +13 -12
- package/docs/vi/dictionary/markdown.md +13 -12
- package/docs/zh/dictionary/markdown.md +13 -12
- package/package.json +6 -6
|
@@ -95,34 +95,34 @@ history:
|
|
|
95
95
|
```
|
|
96
96
|
|
|
97
97
|
</Tab>
|
|
98
|
-
<Tab label="
|
|
99
|
-
|
|
98
|
+
<Tab label="الملفات الخارجية" value="external-files">
|
|
99
|
+
قم باستيراد ملفات `.md` مباشرة باستخدام وظيفة `file`.
|
|
100
100
|
|
|
101
101
|
```typescript fileName="markdownDictionary.content.ts"
|
|
102
|
+
import { md, file, t } from "intlayer";
|
|
103
|
+
|
|
102
104
|
export default {
|
|
103
105
|
key: "app",
|
|
104
|
-
contentAutoTransformation: true, // تمكين الاكتشاف التلقائي لمحتوى Markdown - يمكن تعيينه عالميًا في intlayer.config.ts
|
|
105
106
|
content: {
|
|
106
|
-
|
|
107
|
+
content: t({
|
|
108
|
+
en: md(file("./myMarkdown.en.md")),
|
|
109
|
+
ar: md(file("./myMarkdown.ar.md")),
|
|
110
|
+
}),
|
|
107
111
|
},
|
|
108
112
|
};
|
|
109
113
|
```
|
|
110
114
|
|
|
111
115
|
</Tab>
|
|
112
116
|
|
|
113
|
-
<Tab label="
|
|
114
|
-
|
|
117
|
+
<Tab label="الاكتشاف التلقائي" value="automatic-detection">
|
|
118
|
+
إذا كانت السلسلة النصية تحتوي على مؤشرات Markdown شائعة (مثل العناوين والقوائم والروابط وما إلى ذلك) ، فسيقوم Intlayer بتحويلها تلقائيًا.
|
|
115
119
|
|
|
116
120
|
```typescript fileName="markdownDictionary.content.ts"
|
|
117
|
-
import { md, file, t } from "intlayer";
|
|
118
|
-
|
|
119
121
|
export default {
|
|
120
122
|
key: "app",
|
|
123
|
+
contentAutoTransformation: true, // تمكين الاكتشاف التلقائي لمحتوى Markdown - يمكن تعيينه عالميًا في intlayer.config.ts
|
|
121
124
|
content: {
|
|
122
|
-
|
|
123
|
-
en: md(file("./myMarkdown.en.md")),
|
|
124
|
-
ar: md(file("./myMarkdown.ar.md")),
|
|
125
|
-
}),
|
|
125
|
+
myMarkdownContent: "## عنواني \n\nLorem Ipsum",
|
|
126
126
|
},
|
|
127
127
|
};
|
|
128
128
|
```
|
|
@@ -643,6 +643,7 @@ history:
|
|
|
643
643
|
export const AppProvider = ({ children }) => (
|
|
644
644
|
<MarkdownProvider
|
|
645
645
|
renderMarkdown={async (md) => {
|
|
646
|
+
// Use dynamic import to reduce the bundle size of your application
|
|
646
647
|
const { renderMarkdown } = await import('react-intlayer/markdown');
|
|
647
648
|
return renderMarkdown(md);
|
|
648
649
|
}}
|
|
@@ -95,34 +95,34 @@ Sie können Markdown-Inhalte mithilfe der Funktion `md` oder einfach als Zeichen
|
|
|
95
95
|
```
|
|
96
96
|
|
|
97
97
|
</Tab>
|
|
98
|
-
<Tab label="
|
|
99
|
-
|
|
98
|
+
<Tab label="Externe Dateien" value="external-files">
|
|
99
|
+
Importieren Sie `.md`-Dateien direkt mit der `file`-Funktion.
|
|
100
100
|
|
|
101
101
|
```typescript fileName="markdownDictionary.content.ts"
|
|
102
|
+
import { md, file, t } from "intlayer";
|
|
103
|
+
|
|
102
104
|
export default {
|
|
103
105
|
key: "app",
|
|
104
|
-
contentAutoTransformation: true, // Automatische Erkennung von Markdown-Inhalten aktivieren - Kann global in intlayer.config.ts konfiguriert werden
|
|
105
106
|
content: {
|
|
106
|
-
|
|
107
|
+
content: t({
|
|
108
|
+
en: md(file("./myMarkdown.en.md")),
|
|
109
|
+
de: md(file("./myMarkdown.de.md")),
|
|
110
|
+
}),
|
|
107
111
|
},
|
|
108
112
|
};
|
|
109
113
|
```
|
|
110
114
|
|
|
111
115
|
</Tab>
|
|
112
116
|
|
|
113
|
-
<Tab label="
|
|
114
|
-
|
|
117
|
+
<Tab label="Automatische Erkennung" value="automatic-detection">
|
|
118
|
+
Wenn die Zeichenfolge gängige Markdown-Indikatoren (wie Überschriften, Listen, Links usw.) enthält, transformiert Intlayer sie automatisch.
|
|
115
119
|
|
|
116
120
|
```typescript fileName="markdownDictionary.content.ts"
|
|
117
|
-
import { md, file, t } from "intlayer";
|
|
118
|
-
|
|
119
121
|
export default {
|
|
120
122
|
key: "app",
|
|
123
|
+
contentAutoTransformation: true, // Automatische Erkennung von Markdown-Inhalten aktivieren - Kann global in intlayer.config.ts konfiguriert werden
|
|
121
124
|
content: {
|
|
122
|
-
|
|
123
|
-
en: md(file("./myMarkdown.en.md")),
|
|
124
|
-
de: md(file("./myMarkdown.de.md")),
|
|
125
|
-
}),
|
|
125
|
+
myMarkdownContent: "## Mein Titel \n\nLorem Ipsum",
|
|
126
126
|
},
|
|
127
127
|
};
|
|
128
128
|
```
|
|
@@ -643,6 +643,7 @@ Der `MarkdownProvider` (oder sein Framework-Äquivalent) konfiguriert die Markdo
|
|
|
643
643
|
export const AppProvider = ({ children }) => (
|
|
644
644
|
<MarkdownProvider
|
|
645
645
|
renderMarkdown={async (md) => {
|
|
646
|
+
// Use dynamic import to reduce the bundle size of your application
|
|
646
647
|
const { renderMarkdown } = await import('react-intlayer/markdown');
|
|
647
648
|
return renderMarkdown(md);
|
|
648
649
|
}}
|
|
@@ -47,6 +47,7 @@ You can declare Markdown content using the `md` function or simply as a string (
|
|
|
47
47
|
|
|
48
48
|
<Tabs>
|
|
49
49
|
<Tab label=".content.md" value=".content.md">
|
|
50
|
+
|
|
50
51
|
Since version `8.10.0`, you can declare Markdown content directly in `.content.md` files. Intlayer will
|
|
51
52
|
automatically detect and parse the Markdown content.
|
|
52
53
|
|
|
@@ -96,39 +97,41 @@ You can declare Markdown content using the `md` function or simply as a string (
|
|
|
96
97
|
```
|
|
97
98
|
|
|
98
99
|
</Tab>
|
|
99
|
-
|
|
100
|
-
|
|
100
|
+
|
|
101
|
+
<Tab label="External Files" value="external-files">
|
|
102
|
+
Import `.md` files directly using the `file` function.
|
|
101
103
|
|
|
102
104
|
```typescript fileName="markdownDictionary.content.ts"
|
|
105
|
+
import { md, file, t } from "intlayer";
|
|
106
|
+
|
|
103
107
|
export default {
|
|
104
108
|
key: "app",
|
|
105
|
-
contentAutoTransformation: true, // Enable automatic detection of Markdown content - Can be set globally in intlayer.config.ts
|
|
106
109
|
content: {
|
|
107
|
-
|
|
110
|
+
content: t({
|
|
111
|
+
en: md(file("./myMarkdown.en.md")),
|
|
112
|
+
fr: md(file("./myMarkdown.fr.md")),
|
|
113
|
+
}),
|
|
108
114
|
},
|
|
109
115
|
};
|
|
110
116
|
```
|
|
111
117
|
|
|
112
118
|
</Tab>
|
|
113
119
|
|
|
114
|
-
<Tab label="
|
|
115
|
-
|
|
120
|
+
<Tab label="Automatic Detection" value="automatic-detection">
|
|
121
|
+
If the string contains common Markdown indicators (like headers, lists, links, etc.), Intlayer will automatically transform it.
|
|
116
122
|
|
|
117
123
|
```typescript fileName="markdownDictionary.content.ts"
|
|
118
|
-
import { md, file, t } from "intlayer";
|
|
119
|
-
|
|
120
124
|
export default {
|
|
121
125
|
key: "app",
|
|
126
|
+
contentAutoTransformation: true, // Enable automatic detection of Markdown content - Can be set globally in intlayer.config.ts
|
|
122
127
|
content: {
|
|
123
|
-
|
|
124
|
-
en: md(file("./myMarkdown.en.md")),
|
|
125
|
-
fr: md(file("./myMarkdown.fr.md")),
|
|
126
|
-
}),
|
|
128
|
+
myMarkdownContent: "## My title \n\nLorem Ipsum",
|
|
127
129
|
},
|
|
128
130
|
};
|
|
129
131
|
```
|
|
130
132
|
|
|
131
133
|
</Tab>
|
|
134
|
+
|
|
132
135
|
</Tabs>
|
|
133
136
|
|
|
134
137
|
---
|
|
@@ -644,6 +647,7 @@ These utilities render **raw Markdown strings** and are independent of `useIntla
|
|
|
644
647
|
export const AppProvider = ({ children }) => (
|
|
645
648
|
<MarkdownProvider
|
|
646
649
|
renderMarkdown={async (md) => {
|
|
650
|
+
// Use dynamic import to reduce the bundle size of your application
|
|
647
651
|
const { renderMarkdown } = await import('react-intlayer/markdown');
|
|
648
652
|
return renderMarkdown(md);
|
|
649
653
|
}}
|
|
@@ -95,34 +95,34 @@ You can declare Markdown content using the `md` function or simply as a string (
|
|
|
95
95
|
```
|
|
96
96
|
|
|
97
97
|
</Tab>
|
|
98
|
-
<Tab label="
|
|
99
|
-
|
|
98
|
+
<Tab label="External Files" value="external-files">
|
|
99
|
+
Import `.md` files directly using the `file` function.
|
|
100
100
|
|
|
101
101
|
```typescript fileName="markdownDictionary.content.ts"
|
|
102
|
+
import { md, file, t } from "intlayer";
|
|
103
|
+
|
|
102
104
|
export default {
|
|
103
105
|
key: "app",
|
|
104
|
-
contentAutoTransformation: true, // Enable automatic detection of Markdown content - Can be set globally in intlayer.config.ts
|
|
105
106
|
content: {
|
|
106
|
-
|
|
107
|
+
content: t({
|
|
108
|
+
en: md(file("./myMarkdown.en-GB.md")),
|
|
109
|
+
fr: md(file("./myMarkdown.fr.md")),
|
|
110
|
+
}),
|
|
107
111
|
},
|
|
108
112
|
};
|
|
109
113
|
```
|
|
110
114
|
|
|
111
115
|
</Tab>
|
|
112
116
|
|
|
113
|
-
<Tab label="
|
|
114
|
-
|
|
117
|
+
<Tab label="Automatic Detection" value="automatic-detection">
|
|
118
|
+
If the string contains common Markdown indicators (like headings, lists, links, etc.), Intlayer will automatically transform it.
|
|
115
119
|
|
|
116
120
|
```typescript fileName="markdownDictionary.content.ts"
|
|
117
|
-
import { md, file, t } from "intlayer";
|
|
118
|
-
|
|
119
121
|
export default {
|
|
120
122
|
key: "app",
|
|
123
|
+
contentAutoTransformation: true, // Enable automatic detection of Markdown content - Can be set globally in intlayer.config.ts
|
|
121
124
|
content: {
|
|
122
|
-
|
|
123
|
-
en: md(file("./myMarkdown.en-GB.md")),
|
|
124
|
-
fr: md(file("./myMarkdown.fr.md")),
|
|
125
|
-
}),
|
|
125
|
+
myMarkdownContent: "## My title \n\nLorem Ipsum",
|
|
126
126
|
},
|
|
127
127
|
};
|
|
128
128
|
```
|
|
@@ -643,6 +643,7 @@ The `MarkdownProvider` (or its framework equivalent) configures the Markdown ren
|
|
|
643
643
|
export const AppProvider = ({ children }) => (
|
|
644
644
|
<MarkdownProvider
|
|
645
645
|
renderMarkdown={async (md) => {
|
|
646
|
+
// Use dynamic import to reduce the bundle size of your application
|
|
646
647
|
const { renderMarkdown } = await import('react-intlayer/markdown');
|
|
647
648
|
return renderMarkdown(md);
|
|
648
649
|
}}
|
|
@@ -95,34 +95,34 @@ Puede declarar contenido Markdown usando la función `md` o simplemente como una
|
|
|
95
95
|
```
|
|
96
96
|
|
|
97
97
|
</Tab>
|
|
98
|
-
<Tab label="
|
|
99
|
-
|
|
98
|
+
<Tab label="Archivos Externos" value="external-files">
|
|
99
|
+
Importe archivos `.md` directamente usando la función `file`.
|
|
100
100
|
|
|
101
101
|
```typescript fileName="markdownDictionary.content.ts"
|
|
102
|
+
import { md, file, t } from "intlayer";
|
|
103
|
+
|
|
102
104
|
export default {
|
|
103
105
|
key: "app",
|
|
104
|
-
contentAutoTransformation: true, // Habilitar detección automática de contenido Markdown - Se puede configurar globalmente en intlayer.config.ts
|
|
105
106
|
content: {
|
|
106
|
-
|
|
107
|
+
content: t({
|
|
108
|
+
en: md(file("./myMarkdown.en.md")),
|
|
109
|
+
es: md(file("./myMarkdown.es.md")),
|
|
110
|
+
}),
|
|
107
111
|
},
|
|
108
112
|
};
|
|
109
113
|
```
|
|
110
114
|
|
|
111
115
|
</Tab>
|
|
112
116
|
|
|
113
|
-
<Tab label="
|
|
114
|
-
|
|
117
|
+
<Tab label="Detección Automática" value="automatic-detection">
|
|
118
|
+
Si la cadena contiene indicadores comunes de Markdown (como encabezados, listas, enlaces, etc.), Intlayer la transformará automáticamente.
|
|
115
119
|
|
|
116
120
|
```typescript fileName="markdownDictionary.content.ts"
|
|
117
|
-
import { md, file, t } from "intlayer";
|
|
118
|
-
|
|
119
121
|
export default {
|
|
120
122
|
key: "app",
|
|
123
|
+
contentAutoTransformation: true, // Habilitar detección automática de contenido Markdown - Se puede configurar globalmente en intlayer.config.ts
|
|
121
124
|
content: {
|
|
122
|
-
|
|
123
|
-
en: md(file("./myMarkdown.en.md")),
|
|
124
|
-
es: md(file("./myMarkdown.es.md")),
|
|
125
|
-
}),
|
|
125
|
+
myMarkdownContent: "## Mi título \n\nLorem Ipsum",
|
|
126
126
|
},
|
|
127
127
|
};
|
|
128
128
|
```
|
|
@@ -643,6 +643,7 @@ Estas utilidades renderizan **únicamente cadenas Markdown puras** y son indepen
|
|
|
643
643
|
export const AppProvider = ({ children }) => (
|
|
644
644
|
<MarkdownProvider
|
|
645
645
|
renderMarkdown={async (md) => {
|
|
646
|
+
// Use dynamic import to reduce the bundle size of your application
|
|
646
647
|
const { renderMarkdown } = await import('react-intlayer/markdown');
|
|
647
648
|
return renderMarkdown(md);
|
|
648
649
|
}}
|
|
@@ -95,34 +95,34 @@ Vous pouvez déclarer du contenu Markdown en utilisant la fonction `md` ou simpl
|
|
|
95
95
|
```
|
|
96
96
|
|
|
97
97
|
</Tab>
|
|
98
|
-
<Tab label="
|
|
99
|
-
|
|
98
|
+
<Tab label="Fichiers Externes" value="external-files">
|
|
99
|
+
Importez des fichiers `.md` directement en utilisant la fonction `file`.
|
|
100
100
|
|
|
101
101
|
```typescript fileName="markdownDictionary.content.ts"
|
|
102
|
+
import { md, file, t } from "intlayer";
|
|
103
|
+
|
|
102
104
|
export default {
|
|
103
105
|
key: "app",
|
|
104
|
-
contentAutoTransformation: true, // Activer la détection automatique du Markdown - Peut être défini globalement dans intlayer.config.ts
|
|
105
106
|
content: {
|
|
106
|
-
|
|
107
|
+
content: t({
|
|
108
|
+
en: md(file("./myMarkdown.en.md")),
|
|
109
|
+
fr: md(file("./myMarkdown.fr.md")),
|
|
110
|
+
}),
|
|
107
111
|
},
|
|
108
112
|
};
|
|
109
113
|
```
|
|
110
114
|
|
|
111
115
|
</Tab>
|
|
112
116
|
|
|
113
|
-
<Tab label="
|
|
114
|
-
|
|
117
|
+
<Tab label="Détection Automatique" value="automatic-detection">
|
|
118
|
+
Si la chaîne de caractères contient des indicateurs Markdown courants (comme des en-têtes, des listes, des liens, etc.), Intlayer la transformera automatiquement.
|
|
115
119
|
|
|
116
120
|
```typescript fileName="markdownDictionary.content.ts"
|
|
117
|
-
import { md, file, t } from "intlayer";
|
|
118
|
-
|
|
119
121
|
export default {
|
|
120
122
|
key: "app",
|
|
123
|
+
contentAutoTransformation: true, // Activer la détection automatique du Markdown - Peut être défini globalement dans intlayer.config.ts
|
|
121
124
|
content: {
|
|
122
|
-
|
|
123
|
-
en: md(file("./myMarkdown.en.md")),
|
|
124
|
-
fr: md(file("./myMarkdown.fr.md")),
|
|
125
|
-
}),
|
|
125
|
+
myMarkdownContent: "## Mon titre \n\nLorem Ipsum",
|
|
126
126
|
},
|
|
127
127
|
};
|
|
128
128
|
```
|
|
@@ -643,6 +643,7 @@ Le `MarkdownProvider` (ou son équivalent dans un framework) configure le pipeli
|
|
|
643
643
|
export const AppProvider = ({ children }) => (
|
|
644
644
|
<MarkdownProvider
|
|
645
645
|
renderMarkdown={async (md) => {
|
|
646
|
+
// Use dynamic import to reduce the bundle size of your application
|
|
646
647
|
const { renderMarkdown } = await import('react-intlayer/markdown');
|
|
647
648
|
return renderMarkdown(md);
|
|
648
649
|
}}
|
|
@@ -95,34 +95,34 @@ Intlayer Markdown सिंटैक्स का उपयोग करके
|
|
|
95
95
|
```
|
|
96
96
|
|
|
97
97
|
</Tab>
|
|
98
|
-
<Tab label="
|
|
99
|
-
|
|
98
|
+
<Tab label="बाहरी फ़ाइलें" value="external-files">
|
|
99
|
+
`file` फ़ंक्शन का उपयोग करके सीधे `.md` फ़ाइलें आयात करें।
|
|
100
100
|
|
|
101
101
|
```typescript fileName="markdownDictionary.content.ts"
|
|
102
|
+
import { md, file, t } from "intlayer";
|
|
103
|
+
|
|
102
104
|
export default {
|
|
103
105
|
key: "app",
|
|
104
|
-
contentAutoTransformation: true, // Markdown सामग्री की स्वचालित पहचान सक्षम करें - intlayer.config.ts में विश्व स्तर पर सेट किया जा सकता है
|
|
105
106
|
content: {
|
|
106
|
-
|
|
107
|
+
content: t({
|
|
108
|
+
en: md(file("./myMarkdown.en.md")),
|
|
109
|
+
hi: md(file("./myMarkdown.hi.md")),
|
|
110
|
+
}),
|
|
107
111
|
},
|
|
108
112
|
};
|
|
109
113
|
```
|
|
110
114
|
|
|
111
115
|
</Tab>
|
|
112
116
|
|
|
113
|
-
<Tab label="
|
|
114
|
-
|
|
117
|
+
<Tab label="स्वचालित पहचान" value="automatic-detection">
|
|
118
|
+
यदि स्ट्रिंग में सामान्य Markdown संकेतक (जैसे हेडिंग, लिस्ट, लिंक आदि) हैं, तो Intlayer स्वचालित रूप से इसे बदल देगा।
|
|
115
119
|
|
|
116
120
|
```typescript fileName="markdownDictionary.content.ts"
|
|
117
|
-
import { md, file, t } from "intlayer";
|
|
118
|
-
|
|
119
121
|
export default {
|
|
120
122
|
key: "app",
|
|
123
|
+
contentAutoTransformation: true, // Markdown सामग्री की स्वचालित पहचान सक्षम करें - intlayer.config.ts में विश्व स्तर पर सेट किया जा सकता है
|
|
121
124
|
content: {
|
|
122
|
-
|
|
123
|
-
en: md(file("./myMarkdown.en.md")),
|
|
124
|
-
hi: md(file("./myMarkdown.hi.md")),
|
|
125
|
-
}),
|
|
125
|
+
myMarkdownContent: "## मेरा शीर्षक \n\nLorem Ipsum",
|
|
126
126
|
},
|
|
127
127
|
};
|
|
128
128
|
```
|
|
@@ -643,6 +643,7 @@ Markdown रेंडरिंग **MDX** का समर्थन करता
|
|
|
643
643
|
export const AppProvider = ({ children }) => (
|
|
644
644
|
<MarkdownProvider
|
|
645
645
|
renderMarkdown={async (md) => {
|
|
646
|
+
// Use dynamic import to reduce the bundle size of your application
|
|
646
647
|
const { renderMarkdown } = await import('react-intlayer/markdown');
|
|
647
648
|
return renderMarkdown(md);
|
|
648
649
|
}}
|
|
@@ -95,34 +95,34 @@ Anda dapat mendeklarasikan konten Markdown menggunakan fungsi `md` atau cukup se
|
|
|
95
95
|
```
|
|
96
96
|
|
|
97
97
|
</Tab>
|
|
98
|
-
<Tab label="
|
|
99
|
-
|
|
98
|
+
<Tab label="File Eksternal" value="external-files">
|
|
99
|
+
Impor file `.md` secara langsung menggunakan fungsi `file`.
|
|
100
100
|
|
|
101
101
|
```typescript fileName="markdownDictionary.content.ts"
|
|
102
|
+
import { md, file, t } from "intlayer";
|
|
103
|
+
|
|
102
104
|
export default {
|
|
103
105
|
key: "app",
|
|
104
|
-
contentAutoTransformation: true, // Mengaktifkan deteksi otomatis dari konten Markdown - Dapat diatur secara global di intlayer.config.ts
|
|
105
106
|
content: {
|
|
106
|
-
|
|
107
|
+
content: t({
|
|
108
|
+
en: md(file("./myMarkdown.en.md")),
|
|
109
|
+
id: md(file("./myMarkdown.id.md")),
|
|
110
|
+
}),
|
|
107
111
|
},
|
|
108
112
|
};
|
|
109
113
|
```
|
|
110
114
|
|
|
111
115
|
</Tab>
|
|
112
116
|
|
|
113
|
-
<Tab label="
|
|
114
|
-
|
|
117
|
+
<Tab label="Deteksi Otomatis" value="automatic-detection">
|
|
118
|
+
Jika string mengandung indikator Markdown umum (seperti judul, daftar, tautan, dll.), Intlayer akan secara otomatis mengubahnya.
|
|
115
119
|
|
|
116
120
|
```typescript fileName="markdownDictionary.content.ts"
|
|
117
|
-
import { md, file, t } from "intlayer";
|
|
118
|
-
|
|
119
121
|
export default {
|
|
120
122
|
key: "app",
|
|
123
|
+
contentAutoTransformation: true, // Mengaktifkan deteksi otomatis dari konten Markdown - Dapat diatur secara global di intlayer.config.ts
|
|
121
124
|
content: {
|
|
122
|
-
|
|
123
|
-
en: md(file("./myMarkdown.en.md")),
|
|
124
|
-
id: md(file("./myMarkdown.id.md")),
|
|
125
|
-
}),
|
|
125
|
+
myMarkdownContent: "## Judul saya \n\nLorem Ipsum",
|
|
126
126
|
},
|
|
127
127
|
};
|
|
128
128
|
```
|
|
@@ -643,6 +643,7 @@ Utilitas ini merender **hanya string Markdown mentah** dan independen dari `useI
|
|
|
643
643
|
export const AppProvider = ({ children }) => (
|
|
644
644
|
<MarkdownProvider
|
|
645
645
|
renderMarkdown={async (md) => {
|
|
646
|
+
// Use dynamic import to reduce the bundle size of your application
|
|
646
647
|
const { renderMarkdown } = await import('react-intlayer/markdown');
|
|
647
648
|
return renderMarkdown(md);
|
|
648
649
|
}}
|
|
@@ -95,34 +95,34 @@ Puoi dichiarare i contenuti Markdown usando la funzione `md` o semplicemente com
|
|
|
95
95
|
```
|
|
96
96
|
|
|
97
97
|
</Tab>
|
|
98
|
-
<Tab label="
|
|
99
|
-
|
|
98
|
+
<Tab label="File Esterni" value="external-files">
|
|
99
|
+
Importa direttamente i file `.md` usando la funzione `file`.
|
|
100
100
|
|
|
101
101
|
```typescript fileName="markdownDictionary.content.ts"
|
|
102
|
+
import { md, file, t } from "intlayer";
|
|
103
|
+
|
|
102
104
|
export default {
|
|
103
105
|
key: "app",
|
|
104
|
-
contentAutoTransformation: true, // Abilita il rilevamento automatico dei contenuti Markdown - Può essere impostato globalmente in intlayer.config.ts
|
|
105
106
|
content: {
|
|
106
|
-
|
|
107
|
+
content: t({
|
|
108
|
+
en: md(file("./myMarkdown.en.md")),
|
|
109
|
+
it: md(file("./myMarkdown.it.md")),
|
|
110
|
+
}),
|
|
107
111
|
},
|
|
108
112
|
};
|
|
109
113
|
```
|
|
110
114
|
|
|
111
115
|
</Tab>
|
|
112
116
|
|
|
113
|
-
<Tab label="
|
|
114
|
-
|
|
117
|
+
<Tab label="Rilevamento Automatico" value="automatic-detection">
|
|
118
|
+
Se la stringa contiene indicatori comuni di Markdown (come intestazioni, elenchi, link, ecc.), Intlayer la trasformerà automaticamente.
|
|
115
119
|
|
|
116
120
|
```typescript fileName="markdownDictionary.content.ts"
|
|
117
|
-
import { md, file, t } from "intlayer";
|
|
118
|
-
|
|
119
121
|
export default {
|
|
120
122
|
key: "app",
|
|
123
|
+
contentAutoTransformation: true, // Abilita il rilevamento automatico dei contenuti Markdown - Può essere impostato globalmente in intlayer.config.ts
|
|
121
124
|
content: {
|
|
122
|
-
|
|
123
|
-
en: md(file("./myMarkdown.en.md")),
|
|
124
|
-
it: md(file("./myMarkdown.it.md")),
|
|
125
|
-
}),
|
|
125
|
+
myMarkdownContent: "## Il mio titolo \n\nLorem Ipsum",
|
|
126
126
|
},
|
|
127
127
|
};
|
|
128
128
|
```
|
|
@@ -643,6 +643,7 @@ Il `MarkdownProvider` (o il suo equivalente nel framework) configura la pipeline
|
|
|
643
643
|
export const AppProvider = ({ children }) => (
|
|
644
644
|
<MarkdownProvider
|
|
645
645
|
renderMarkdown={async (md) => {
|
|
646
|
+
// Use dynamic import to reduce the bundle size of your application
|
|
646
647
|
const { renderMarkdown } = await import('react-intlayer/markdown');
|
|
647
648
|
return renderMarkdown(md);
|
|
648
649
|
}}
|
|
@@ -95,34 +95,34 @@ Intlayer는 Markdown 구문을 사용하여 정의된 서식 있는 텍스트
|
|
|
95
95
|
```
|
|
96
96
|
|
|
97
97
|
</Tab>
|
|
98
|
-
<Tab label="
|
|
99
|
-
|
|
98
|
+
<Tab label="외부 파일" value="external-files">
|
|
99
|
+
`file` 함수를 사용하여 `.md` 파일을 직접 가져옵니다.
|
|
100
100
|
|
|
101
101
|
```typescript fileName="markdownDictionary.content.ts"
|
|
102
|
+
import { md, file, t } from "intlayer";
|
|
103
|
+
|
|
102
104
|
export default {
|
|
103
105
|
key: "app",
|
|
104
|
-
contentAutoTransformation: true, // Markdown 콘텐츠의 자동 감지 활성화 - intlayer.config.ts에서 전역으로 설정할 수 있습니다
|
|
105
106
|
content: {
|
|
106
|
-
|
|
107
|
+
content: t({
|
|
108
|
+
en: md(file("./myMarkdown.en.md")),
|
|
109
|
+
ko: md(file("./myMarkdown.ko.md")),
|
|
110
|
+
}),
|
|
107
111
|
},
|
|
108
112
|
};
|
|
109
113
|
```
|
|
110
114
|
|
|
111
115
|
</Tab>
|
|
112
116
|
|
|
113
|
-
<Tab label="
|
|
114
|
-
|
|
117
|
+
<Tab label="자동 감지" value="automatic-detection">
|
|
118
|
+
문자열에 일반적인 Markdown 표시기(예: 제목, 목록, 링크 등)가 포함된 경우 Intlayer가 자동으로 이를 변환합니다.
|
|
115
119
|
|
|
116
120
|
```typescript fileName="markdownDictionary.content.ts"
|
|
117
|
-
import { md, file, t } from "intlayer";
|
|
118
|
-
|
|
119
121
|
export default {
|
|
120
122
|
key: "app",
|
|
123
|
+
contentAutoTransformation: true, // Markdown 콘텐츠의 자동 감지 활성화 - intlayer.config.ts에서 전역으로 설정할 수 있습니다
|
|
121
124
|
content: {
|
|
122
|
-
|
|
123
|
-
en: md(file("./myMarkdown.en.md")),
|
|
124
|
-
ko: md(file("./myMarkdown.ko.md")),
|
|
125
|
-
}),
|
|
125
|
+
myMarkdownContent: "## 내 제목 \n\nLorem Ipsum",
|
|
126
126
|
},
|
|
127
127
|
};
|
|
128
128
|
```
|
|
@@ -643,6 +643,7 @@ Markdown 렌더링은 **MDX**를 지원합니다 — Markdown 내에서 이름
|
|
|
643
643
|
export const AppProvider = ({ children }) => (
|
|
644
644
|
<MarkdownProvider
|
|
645
645
|
renderMarkdown={async (md) => {
|
|
646
|
+
// Use dynamic import to reduce the bundle size of your application
|
|
646
647
|
const { renderMarkdown } = await import('react-intlayer/markdown');
|
|
647
648
|
return renderMarkdown(md);
|
|
648
649
|
}}
|
|
@@ -95,34 +95,34 @@ Możesz zadeklarować treść Markdown używając funkcji `md` lub po prostu jak
|
|
|
95
95
|
```
|
|
96
96
|
|
|
97
97
|
</Tab>
|
|
98
|
-
<Tab label="
|
|
99
|
-
|
|
98
|
+
<Tab label="Pliki zewnętrzne" value="external-files">
|
|
99
|
+
Importuj pliki `.md` bezpośrednio za pomocą funkcji `file`.
|
|
100
100
|
|
|
101
101
|
```typescript fileName="markdownDictionary.content.ts"
|
|
102
|
+
import { md, file, t } from "intlayer";
|
|
103
|
+
|
|
102
104
|
export default {
|
|
103
105
|
key: "app",
|
|
104
|
-
contentAutoTransformation: true, // Włącz automatyczne wykrywanie treści Markdown - Można ustawić globalnie w intlayer.config.ts
|
|
105
106
|
content: {
|
|
106
|
-
|
|
107
|
+
content: t({
|
|
108
|
+
en: md(file("./myMarkdown.en.md")),
|
|
109
|
+
pl: md(file("./myMarkdown.pl.md")),
|
|
110
|
+
}),
|
|
107
111
|
},
|
|
108
112
|
};
|
|
109
113
|
```
|
|
110
114
|
|
|
111
115
|
</Tab>
|
|
112
116
|
|
|
113
|
-
<Tab label="
|
|
114
|
-
|
|
117
|
+
<Tab label="Automatyczne wykrywanie" value="automatic-detection">
|
|
118
|
+
Jeśli ciąg znaków zawiera typowe wskaźniki Markdown (takie jak nagłówki, listy, linki itp.), Intlayer automatycznie je przekształci.
|
|
115
119
|
|
|
116
120
|
```typescript fileName="markdownDictionary.content.ts"
|
|
117
|
-
import { md, file, t } from "intlayer";
|
|
118
|
-
|
|
119
121
|
export default {
|
|
120
122
|
key: "app",
|
|
123
|
+
contentAutoTransformation: true, // Włącz automatyczne wykrywanie treści Markdown - Można ustawić globalnie w intlayer.config.ts
|
|
121
124
|
content: {
|
|
122
|
-
|
|
123
|
-
en: md(file("./myMarkdown.en.md")),
|
|
124
|
-
pl: md(file("./myMarkdown.pl.md")),
|
|
125
|
-
}),
|
|
125
|
+
myMarkdownContent: "## Mój tytuł \n\nLorem Ipsum",
|
|
126
126
|
},
|
|
127
127
|
};
|
|
128
128
|
```
|
|
@@ -643,6 +643,7 @@ Te narzędzia renderują **tylko surowe ciągi znaków Markdown** i są niezale
|
|
|
643
643
|
export const AppProvider = ({ children }) => (
|
|
644
644
|
<MarkdownProvider
|
|
645
645
|
renderMarkdown={async (md) => {
|
|
646
|
+
// Use dynamic import to reduce the bundle size of your application
|
|
646
647
|
const { renderMarkdown } = await import('react-intlayer/markdown');
|
|
647
648
|
return renderMarkdown(md);
|
|
648
649
|
}}
|
|
@@ -95,34 +95,34 @@ Você pode declarar conteúdo Markdown usando a função `md` ou simplesmente co
|
|
|
95
95
|
```
|
|
96
96
|
|
|
97
97
|
</Tab>
|
|
98
|
-
<Tab label="
|
|
99
|
-
|
|
98
|
+
<Tab label="Arquivos Externos" value="external-files">
|
|
99
|
+
Importe arquivos `.md` diretamente usando a função `file`.
|
|
100
100
|
|
|
101
101
|
```typescript fileName="markdownDictionary.content.ts"
|
|
102
|
+
import { md, file, t } from "intlayer";
|
|
103
|
+
|
|
102
104
|
export default {
|
|
103
105
|
key: "app",
|
|
104
|
-
contentAutoTransformation: true, // Ativar detecção automática de conteúdo Markdown - Pode ser definido globalmente em intlayer.config.ts
|
|
105
106
|
content: {
|
|
106
|
-
|
|
107
|
+
content: t({
|
|
108
|
+
en: md(file("./myMarkdown.en.md")),
|
|
109
|
+
pt: md(file("./myMarkdown.pt.md")),
|
|
110
|
+
}),
|
|
107
111
|
},
|
|
108
112
|
};
|
|
109
113
|
```
|
|
110
114
|
|
|
111
115
|
</Tab>
|
|
112
116
|
|
|
113
|
-
<Tab label="
|
|
114
|
-
|
|
117
|
+
<Tab label="Detecção Automática" value="automatic-detection">
|
|
118
|
+
Se a string contiver indicadores Markdown comuns (como cabeçalhos, listas, links, etc.), o Intlayer a transformará automaticamente.
|
|
115
119
|
|
|
116
120
|
```typescript fileName="markdownDictionary.content.ts"
|
|
117
|
-
import { md, file, t } from "intlayer";
|
|
118
|
-
|
|
119
121
|
export default {
|
|
120
122
|
key: "app",
|
|
123
|
+
contentAutoTransformation: true, // Ativar detecção automática de conteúdo Markdown - Pode ser definido globalmente em intlayer.config.ts
|
|
121
124
|
content: {
|
|
122
|
-
|
|
123
|
-
en: md(file("./myMarkdown.en.md")),
|
|
124
|
-
pt: md(file("./myMarkdown.pt.md")),
|
|
125
|
-
}),
|
|
125
|
+
myMarkdownContent: "## Meu título \n\nLorem Ipsum",
|
|
126
126
|
},
|
|
127
127
|
};
|
|
128
128
|
```
|
|
@@ -643,6 +643,7 @@ O `MarkdownProvider` (ou o seu equivalente do framework) configura o pipeline de
|
|
|
643
643
|
export const AppProvider = ({ children }) => (
|
|
644
644
|
<MarkdownProvider
|
|
645
645
|
renderMarkdown={async (md) => {
|
|
646
|
+
// Use dynamic import to reduce the bundle size of your application
|
|
646
647
|
const { renderMarkdown } = await import('react-intlayer/markdown');
|
|
647
648
|
return renderMarkdown(md);
|
|
648
649
|
}}
|
|
@@ -96,35 +96,35 @@ Intlayer поддерживает форматированный текстов
|
|
|
96
96
|
```
|
|
97
97
|
|
|
98
98
|
</Tab>
|
|
99
|
-
<Tab label="
|
|
100
|
-
|
|
99
|
+
<Tab label="Внешние файлы" value="external-files">
|
|
100
|
+
Импортируйте файлы `.md` напрямую, используя функцию `file`.
|
|
101
101
|
|
|
102
102
|
```typescript fileName="markdownDictionary.content.ts"
|
|
103
|
+
import { md, file, t } from "intlayer";
|
|
104
|
+
|
|
103
105
|
export default {
|
|
104
106
|
key: "app",
|
|
105
|
-
contentAutoTransformation: true, // Включить автоматическое обнаружение Markdown контента — можно установить глобально в intlayer.config.ts
|
|
106
107
|
content: {
|
|
107
|
-
|
|
108
|
+
content: t({
|
|
109
|
+
ru: md(file("./myMarkdown.ru.md")),
|
|
110
|
+
en: md(file("./myMarkdown.en.md")),
|
|
111
|
+
fr: md(file("./myMarkdown.fr.md")),
|
|
112
|
+
}),
|
|
108
113
|
},
|
|
109
114
|
};
|
|
110
115
|
```
|
|
111
116
|
|
|
112
117
|
</Tab>
|
|
113
118
|
|
|
114
|
-
<Tab label="
|
|
115
|
-
|
|
119
|
+
<Tab label="Автоматическое обнаружение" value="automatic-detection">
|
|
120
|
+
Если строка содержит общие признаки Markdown (такие как заголовки, списки, ссылки и т. д.), Intlayer автоматически преобразует ее.
|
|
116
121
|
|
|
117
122
|
```typescript fileName="markdownDictionary.content.ts"
|
|
118
|
-
import { md, file, t } from "intlayer";
|
|
119
|
-
|
|
120
123
|
export default {
|
|
121
124
|
key: "app",
|
|
125
|
+
contentAutoTransformation: true, // Включить автоматическое обнаружение Markdown контента — можно установить глобально в intlayer.config.ts
|
|
122
126
|
content: {
|
|
123
|
-
|
|
124
|
-
ru: md(file("./myMarkdown.ru.md")),
|
|
125
|
-
en: md(file("./myMarkdown.en.md")),
|
|
126
|
-
fr: md(file("./myMarkdown.fr.md")),
|
|
127
|
-
}),
|
|
127
|
+
myMarkdownContent: "## My title \n\nLorem Ipsum",
|
|
128
128
|
},
|
|
129
129
|
};
|
|
130
130
|
```
|
|
@@ -95,34 +95,34 @@ Markdown içeriğini `md` işlevini kullanarak veya basitçe bir dize olarak (Ma
|
|
|
95
95
|
```
|
|
96
96
|
|
|
97
97
|
</Tab>
|
|
98
|
-
<Tab label="
|
|
99
|
-
|
|
98
|
+
<Tab label="Harici Dosyalar" value="external-files">
|
|
99
|
+
`.md` dosyalarını doğrudan `file` işlevini kullanarak içe aktarın.
|
|
100
100
|
|
|
101
101
|
```typescript fileName="markdownDictionary.content.ts"
|
|
102
|
+
import { md, file, t } from "intlayer";
|
|
103
|
+
|
|
102
104
|
export default {
|
|
103
105
|
key: "app",
|
|
104
|
-
contentAutoTransformation: true, // Markdown içeriğinin otomatik algılanmasını etkinleştir - intlayer.config.ts dosyasında global olarak ayarlanabilir
|
|
105
106
|
content: {
|
|
106
|
-
|
|
107
|
+
content: t({
|
|
108
|
+
en: md(file("./myMarkdown.en.md")),
|
|
109
|
+
tr: md(file("./myMarkdown.tr.md")),
|
|
110
|
+
}),
|
|
107
111
|
},
|
|
108
112
|
};
|
|
109
113
|
```
|
|
110
114
|
|
|
111
115
|
</Tab>
|
|
112
116
|
|
|
113
|
-
<Tab label="
|
|
114
|
-
|
|
117
|
+
<Tab label="Otomatik Algılama" value="automatic-detection">
|
|
118
|
+
Dize ortak Markdown göstergeleri (başlıklar, listeler, bağlantılar vb.) içeriyorsa, Intlayer bunu otomatik olarak dönüştürecektir.
|
|
115
119
|
|
|
116
120
|
```typescript fileName="markdownDictionary.content.ts"
|
|
117
|
-
import { md, file, t } from "intlayer";
|
|
118
|
-
|
|
119
121
|
export default {
|
|
120
122
|
key: "app",
|
|
123
|
+
contentAutoTransformation: true, // Markdown içeriğinin otomatik algılanmasını etkinleştir - intlayer.config.ts dosyasında global olarak ayarlanabilir
|
|
121
124
|
content: {
|
|
122
|
-
|
|
123
|
-
en: md(file("./myMarkdown.en.md")),
|
|
124
|
-
tr: md(file("./myMarkdown.tr.md")),
|
|
125
|
-
}),
|
|
125
|
+
myMarkdownContent: "## Başlığım \n\nLorem Ipsum",
|
|
126
126
|
},
|
|
127
127
|
};
|
|
128
128
|
```
|
|
@@ -643,6 +643,7 @@ Bu yardımcı programlar **yalnızca ham Markdown dizelerini** oluşturur ve `us
|
|
|
643
643
|
export const AppProvider = ({ children }) => (
|
|
644
644
|
<MarkdownProvider
|
|
645
645
|
renderMarkdown={async (md) => {
|
|
646
|
+
// Use dynamic import to reduce the bundle size of your application
|
|
646
647
|
const { renderMarkdown } = await import('react-intlayer/markdown');
|
|
647
648
|
return renderMarkdown(md);
|
|
648
649
|
}}
|
|
@@ -95,34 +95,34 @@ Intlayer підтримує вміст форматованого тексту,
|
|
|
95
95
|
```
|
|
96
96
|
|
|
97
97
|
</Tab>
|
|
98
|
-
<Tab label="
|
|
99
|
-
|
|
98
|
+
<Tab label="Зовнішні файли" value="external-files">
|
|
99
|
+
Імпортуйте файли `.md` безпосередньо за допомогою функції `file`.
|
|
100
100
|
|
|
101
101
|
```typescript fileName="markdownDictionary.content.ts"
|
|
102
|
+
import { md, file, t } from "intlayer";
|
|
103
|
+
|
|
102
104
|
export default {
|
|
103
105
|
key: "app",
|
|
104
|
-
contentAutoTransformation: true, // Увімкнути автоматичне виявлення вмісту Markdown - Можна налаштувати глобально в intlayer.config.ts
|
|
105
106
|
content: {
|
|
106
|
-
|
|
107
|
+
content: t({
|
|
108
|
+
en: md(file("./myMarkdown.en.md")),
|
|
109
|
+
uk: md(file("./myMarkdown.uk.md")),
|
|
110
|
+
}),
|
|
107
111
|
},
|
|
108
112
|
};
|
|
109
113
|
```
|
|
110
114
|
|
|
111
115
|
</Tab>
|
|
112
116
|
|
|
113
|
-
<Tab label="
|
|
114
|
-
|
|
117
|
+
<Tab label="Автоматичне виявлення" value="automatic-detection">
|
|
118
|
+
Якщо рядок містить типові індикатори Markdown (наприклад, заголовки, списки, посилання тощо), Intlayer автоматично перетворить його.
|
|
115
119
|
|
|
116
120
|
```typescript fileName="markdownDictionary.content.ts"
|
|
117
|
-
import { md, file, t } from "intlayer";
|
|
118
|
-
|
|
119
121
|
export default {
|
|
120
122
|
key: "app",
|
|
123
|
+
contentAutoTransformation: true, // Увімкнути автоматичне виявлення вмісту Markdown - Можна налаштувати глобально в intlayer.config.ts
|
|
121
124
|
content: {
|
|
122
|
-
|
|
123
|
-
en: md(file("./myMarkdown.en.md")),
|
|
124
|
-
uk: md(file("./myMarkdown.uk.md")),
|
|
125
|
-
}),
|
|
125
|
+
myMarkdownContent: "## Мій заголовок \n\nLorem Ipsum",
|
|
126
126
|
},
|
|
127
127
|
};
|
|
128
128
|
```
|
|
@@ -643,6 +643,7 @@ Intlayer надає два незалежні способи рендеринг
|
|
|
643
643
|
export const AppProvider = ({ children }) => (
|
|
644
644
|
<MarkdownProvider
|
|
645
645
|
renderMarkdown={async (md) => {
|
|
646
|
+
// Use dynamic import to reduce the bundle size of your application
|
|
646
647
|
const { renderMarkdown } = await import('react-intlayer/markdown');
|
|
647
648
|
return renderMarkdown(md);
|
|
648
649
|
}}
|
|
@@ -95,34 +95,34 @@ Bạn có thể khai báo nội dung Markdown bằng cách sử dụng hàm `md`
|
|
|
95
95
|
```
|
|
96
96
|
|
|
97
97
|
</Tab>
|
|
98
|
-
<Tab label="
|
|
99
|
-
|
|
98
|
+
<Tab label="Tệp Bên ngoài" value="external-files">
|
|
99
|
+
Nhập trực tiếp các tệp `.md` bằng cách sử dụng hàm `file`.
|
|
100
100
|
|
|
101
101
|
```typescript fileName="markdownDictionary.content.ts"
|
|
102
|
+
import { md, file, t } from "intlayer";
|
|
103
|
+
|
|
102
104
|
export default {
|
|
103
105
|
key: "app",
|
|
104
|
-
contentAutoTransformation: true, // Bật phát hiện tự động nội dung Markdown - Có thể được đặt toàn cục trong intlayer.config.ts
|
|
105
106
|
content: {
|
|
106
|
-
|
|
107
|
+
content: t({
|
|
108
|
+
en: md(file("./myMarkdown.en.md")),
|
|
109
|
+
vi: md(file("./myMarkdown.vi.md")),
|
|
110
|
+
}),
|
|
107
111
|
},
|
|
108
112
|
};
|
|
109
113
|
```
|
|
110
114
|
|
|
111
115
|
</Tab>
|
|
112
116
|
|
|
113
|
-
<Tab label="
|
|
114
|
-
|
|
117
|
+
<Tab label="Phát hiện Tự động" value="automatic-detection">
|
|
118
|
+
Nếu chuỗi chứa các chỉ báo Markdown phổ biến (như tiêu đề, danh sách, liên kết, v.v.), Intlayer sẽ tự động chuyển đổi nó.
|
|
115
119
|
|
|
116
120
|
```typescript fileName="markdownDictionary.content.ts"
|
|
117
|
-
import { md, file, t } from "intlayer";
|
|
118
|
-
|
|
119
121
|
export default {
|
|
120
122
|
key: "app",
|
|
123
|
+
contentAutoTransformation: true, // Bật phát hiện tự động nội dung Markdown - Có thể được đặt toàn cục trong intlayer.config.ts
|
|
121
124
|
content: {
|
|
122
|
-
|
|
123
|
-
en: md(file("./myMarkdown.en.md")),
|
|
124
|
-
vi: md(file("./myMarkdown.vi.md")),
|
|
125
|
-
}),
|
|
125
|
+
myMarkdownContent: "## Tiêu đề của tôi \n\nLorem Ipsum",
|
|
126
126
|
},
|
|
127
127
|
};
|
|
128
128
|
```
|
|
@@ -643,6 +643,7 @@ Các tiện ích này **chỉ render các chuỗi Markdown thô** và độc l
|
|
|
643
643
|
export const AppProvider = ({ children }) => (
|
|
644
644
|
<MarkdownProvider
|
|
645
645
|
renderMarkdown={async (md) => {
|
|
646
|
+
// Use dynamic import to reduce the bundle size of your application
|
|
646
647
|
const { renderMarkdown } = await import('react-intlayer/markdown');
|
|
647
648
|
return renderMarkdown(md);
|
|
648
649
|
}}
|
|
@@ -95,34 +95,34 @@ Intlayer 支持使用 Markdown 语法定义的富文本内容。这使您可以
|
|
|
95
95
|
```
|
|
96
96
|
|
|
97
97
|
</Tab>
|
|
98
|
-
<Tab label="
|
|
99
|
-
|
|
98
|
+
<Tab label="外部文件" value="external-files">
|
|
99
|
+
使用 `file` 函数直接导入 `.md` 文件。
|
|
100
100
|
|
|
101
101
|
```typescript fileName="markdownDictionary.content.ts"
|
|
102
|
+
import { md, file, t } from "intlayer";
|
|
103
|
+
|
|
102
104
|
export default {
|
|
103
105
|
key: "app",
|
|
104
|
-
contentAutoTransformation: true, // 启用 Markdown 内容的自动检测 - 可以在 intlayer.config.ts 中全局设置
|
|
105
106
|
content: {
|
|
106
|
-
|
|
107
|
+
content: t({
|
|
108
|
+
en: md(file("./myMarkdown.en.md")),
|
|
109
|
+
zh: md(file("./myMarkdown.zh.md")),
|
|
110
|
+
}),
|
|
107
111
|
},
|
|
108
112
|
};
|
|
109
113
|
```
|
|
110
114
|
|
|
111
115
|
</Tab>
|
|
112
116
|
|
|
113
|
-
<Tab label="
|
|
114
|
-
|
|
117
|
+
<Tab label="自动检测" value="automatic-detection">
|
|
118
|
+
如果字符串包含常见的 Markdown 指示符(如标题、列表、链接等),Intlayer 会自动转换它。
|
|
115
119
|
|
|
116
120
|
```typescript fileName="markdownDictionary.content.ts"
|
|
117
|
-
import { md, file, t } from "intlayer";
|
|
118
|
-
|
|
119
121
|
export default {
|
|
120
122
|
key: "app",
|
|
123
|
+
contentAutoTransformation: true, // 启用 Markdown 内容的自动检测 - 可以在 intlayer.config.ts 中全局设置
|
|
121
124
|
content: {
|
|
122
|
-
|
|
123
|
-
en: md(file("./myMarkdown.en.md")),
|
|
124
|
-
zh: md(file("./myMarkdown.zh.md")),
|
|
125
|
-
}),
|
|
125
|
+
myMarkdownContent: "## 我的标题 \n\nLorem Ipsum",
|
|
126
126
|
},
|
|
127
127
|
};
|
|
128
128
|
```
|
|
@@ -643,6 +643,7 @@ Markdown 渲染支持 **MDX** — 在您的 Markdown 中直接按名称使用任
|
|
|
643
643
|
export const AppProvider = ({ children }) => (
|
|
644
644
|
<MarkdownProvider
|
|
645
645
|
renderMarkdown={async (md) => {
|
|
646
|
+
// Use dynamic import to reduce the bundle size of your application
|
|
646
647
|
const { renderMarkdown } = await import('react-intlayer/markdown');
|
|
647
648
|
return renderMarkdown(md);
|
|
648
649
|
}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@intlayer/docs",
|
|
3
|
-
"version": "8.10.0
|
|
3
|
+
"version": "8.10.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Intlayer documentation",
|
|
6
6
|
"keywords": [
|
|
@@ -72,13 +72,13 @@
|
|
|
72
72
|
"watch": "webpack --config ./webpack.config.ts --watch"
|
|
73
73
|
},
|
|
74
74
|
"dependencies": {
|
|
75
|
-
"@intlayer/config": "8.10.0
|
|
76
|
-
"@intlayer/core": "8.10.0
|
|
77
|
-
"@intlayer/types": "8.10.0
|
|
75
|
+
"@intlayer/config": "8.10.0",
|
|
76
|
+
"@intlayer/core": "8.10.0",
|
|
77
|
+
"@intlayer/types": "8.10.0"
|
|
78
78
|
},
|
|
79
79
|
"devDependencies": {
|
|
80
|
-
"@intlayer/api": "8.10.0
|
|
81
|
-
"@intlayer/cli": "8.10.0
|
|
80
|
+
"@intlayer/api": "8.10.0",
|
|
81
|
+
"@intlayer/cli": "8.10.0",
|
|
82
82
|
"@types/node": "25.9.1",
|
|
83
83
|
"@utils/ts-config": "1.0.4",
|
|
84
84
|
"@utils/ts-config-types": "1.0.4",
|