Lingo.dev + .html (Web)
Lingo.dev CLI übersetzt HTML-Dateien unter Beibehaltung der Markup-Struktur, Attribute und semantischen Elemente für Websites und Dokumentationen. Die CLI bewahrt alle HTML-Markup und Verschachtelungen, verarbeitet nur übersetzbare Attribute intelligent, schützt JavaScript und CSS vor Übersetzung, behandelt HTML5-semantische Elemente korrekt und garantiert eine valide HTML-Ausgabe.
Schnelle Einrichtung
Konfiguration für HTML-Dateien mit lokalisierungsbasierter Organisation:
{
"locale": {
"source": "en",
"targets": ["es", "fr", "de"]
},
"buckets": {
"html": {
"include": ["content/[locale]/*.html"]
}
}
}
Hinweis: [locale] ist ein Platzhalter, der wörtlich in der Konfiguration verbleiben sollte, da er während der CLI-Ausführung durch die tatsächliche Lokalisierung ersetzt wird.
HTML-Dateien übersetzen
npx lingo.dev@latest i18n
Übersetzt Textinhalte unter Beibehaltung der HTML-Struktur, Tags, Attribute und semantischer Markup.
Intelligente HTML-Verarbeitung
Inhaltsübersetzung
<!DOCTYPE html>
<html lang="en">
<head>
<title>Welcome to Our Platform</title>
<meta name="description" content="The best platform for productivity" />
</head>
<body>
<h1>Getting Started</h1>
<p>
This guide will help you <strong>learn quickly</strong> and efficiently.
</p>
<a href="/help">Need help?</a>
</body>
</html>
Textinhalte werden übersetzt, während die HTML-Struktur und Tags intakt bleiben.
Attributbehandlung
<img src="/images/hero.jpg" alt="Welcome banner" title="Our platform" />
<input type="text" placeholder="Enter your name" />
<button aria-label="Close dialog">×</button>
Übersetzbare Attribute wie alt, title, placeholder und aria-label werden lokalisiert.
Semantische Erhaltung
<article>
<header>
<h2>Article Title</h2>
<time datetime="2024-01-15">January 15, 2024</time>
</header>
<section>
<p>Article content goes here...</p>
</section>
</article>
Semantische HTML5-Elemente und ihre Struktur werden beibehalten.
Erweiterte Funktionen
Script- und Style-Schutz
<script>
function greeting() {
console.log("This stays untranslated");
}
</script>
<style>
.header {
color: blue;
}
</style>
JavaScript- und CSS-Inhalte bleiben unverändert.
Datenattribute
<div data-message="User friendly message" data-id="widget-123">
<span>Sichtbare Inhalte werden übersetzt</span>
</div>
Datenattribute mit übersetzbaren Inhalten werden intelligent verarbeitet.
Erweiterte Konfiguration
Mehrere HTML-Verzeichnisse
"html": {
"include": [
"content/[locale]/*.html",
"pages/[locale]/**/*.html"
]
}
Technische Attribute sperren
"html": {
"include": ["content/[locale]/*.html"],
"lockedKeys": ["id", "class", "data-id", "href"]
}