Stellen Sie Ihre Frage und erhalten Sie einen Resümee des Dokuments, indem Sie diese Seite und den AI-Anbieter Ihrer Wahl referenzieren
Durch die Integration des Intlayer MCP-Servers in Ihren bevorzugten AI-Assistenten können Sie alle Dokumente direkt von ChatGPT, DeepSeek, Cursor, VSCode usw. abrufen.
Dokumentation des MCP-Servers ansehenDer Inhalt dieser Seite wurde mit einer KI übersetzt.
Den englischen Originaltext ansehenWenn Sie eine Idee haben, um diese Dokumentation zu verbessern, zögern Sie bitte nicht, durch das Einreichen eines Pull-Requests auf GitHub beizutragen.
GitHub-Link zur DokumentationMarkdown des Dokuments in die Zwischenablage kopieren
Einfügeinhalt / Einfügung in Intlayer
Wie Einfügung funktioniert
In Intlayer wird Einfügeinhalt durch die Funktion insertion realisiert, die Platzhalterfelder in einem String erkennt (wie {{name}} oder {{age}}), welche zur Laufzeit dynamisch ersetzt werden können. Dieser Ansatz ermöglicht es Ihnen, flexible, vorlagenähnliche Strings zu erstellen, bei denen bestimmte Teile des Inhalts durch Daten bestimmt werden, die aus Ihrer Anwendung übergeben werden.
Wenn Intlayer mit React Intlayer oder Next Intlayer integriert ist, können Sie einfach das Datenobjekt bereitstellen, das die Werte für jeden Platzhalter enthält, und Intlayer rendert den Inhalt automatisch mit den ersetzten Platzhaltern.
Einfügeinhalt einrichten
Um Einfügeinhalt in Ihrem Intlayer-Projekt einzurichten, erstellen Sie ein Inhaltsmodul, das Ihre Einfügedefinitionen enthält. Nachfolgend finden Sie Beispiele in verschiedenen Formaten.
Kopieren Sie den Code in die Zwischenablage
import { insert, type Dictionary } from "intlayer";const myInsertionContent = { key: "my_key", content: { myInsertion: insert( "Hallo, mein Name ist {{name}} und ich bin {{age}} Jahre alt!" ), },} satisfies Dictionary;export default myInsertionContent;
Verwendung von Insertion Content mit React Intlayer
markdown
Verwendung von Einfügeinhalten mit React Intlayer
Um Einfügeinhalte innerhalb einer React-Komponente zu verwenden, importieren Sie den useIntlayer-Hook aus dem react-intlayer-Paket und verwenden ihn. Dieser Hook ruft den Inhalt für den angegebenen Schlüssel ab und ermöglicht es Ihnen, ein Objekt zu übergeben, das jeden Platzhalter in Ihrem Inhalt auf den Wert abbildet, den Sie anzeigen möchten.
Kopieren Sie den Code in die Zwischenablage
import type { FC } from "react";import { useIntlayer } from "react-intlayer";const InsertionComponent: FC = () => { const { myInsertion } = useIntlayer("my_key"); return ( <div> <p> { /* Ausgabe: "Hallo, mein Name ist John und ich bin 30 Jahre alt!" */ myInsertion({ name: "John", age: "30" }) } </p> <p> { /* Sie können denselben Einfügeinhalt mit unterschiedlichen Werten wiederverwenden */ myInsertion({ name: "Alice", age: "25" }) } </p> </div> );};export default InsertionComponent;
Zusätzliche Ressourcen
Für detailliertere Informationen zur Konfiguration und Nutzung verweisen wir auf die folgenden Ressourcen:
Diese Ressourcen bieten weitere Einblicke in die Einrichtung und Nutzung von Intlayer in verschiedenen Umgebungen und Frameworks.
Dokumentationshistorie
- 5.5.10 - 2025-06-29: Initiale Historie