Verarbeiten Sie schnell HTML-Dateien, um Textinhalte zu extrahieren und standardisierte Internationalisierungs-JSON-Ressourcendateien zu generieren, und optimieren Sie so die Entwicklung mehrsprachiger Websites.
<div class="header">
<h1>Welcome</h1>
<p>Sample text</p>
<button>Start</button>
</div>{
"header.title": "Welcome",
"header.description": "Sample text",
"header.button": "Start"
}Zwei leistungsstarke Arbeitsabläufe: Kopie aus HTML in JSON extrahieren und ursprüngliches HTML aus mit Schlüsseln versehenen Vorlagen mithilfe von JSON wiederherstellen
Leistungsstarke HTML-Parsing-Fähigkeiten, die Textinhalte aus verschiedenen Tags genau identifizieren und extrahieren, während Skripte und Stilcode automatisch gefiltert werden
Generiert automatisch i18n-standardkonforme JSON-Ressourcendateien mit Schlüssel-Wert-Zuordnungen und verschachtelten Strukturen zur direkten Integration
Bieten Sie Übersetzungs-JSON und mit t(...) verschlüsseltes HTML an, um ursprüngliches HTML neu aufzubauen und Kopie wiederherzustellen, ohne Ihre Vorlagen zu ändern
Wir haben den HTML-Internationalisierungsprozess vereinfacht, um den gesamten Arbeitsablauf in nur wenigen Minuten abzuschließen
Wählen Sie Ihre HTML-Dateien zur Verarbeitung aus oder ziehen Sie sie per Drag & Drop. Unterstützt mehrere Dateien für die Stapelverarbeitung.
Legen Sie Extraktionsregeln, Präfixe und Ausschlüsse fest, um die Ausgabestruktur für spezifische Anforderungen anzupassen.
Generieren und laden Sie JSON-formatierte Internationalisierungs-Ressourcendateien herunter, um sie sofort in Ihr Projekt zu integrieren.
Erleben Sie, wie unser Tool HTML-Inhalte in strukturierte Internationalisierungsressourcen umwandelt
<div class="header">
<h1>Welcome to our service</h1>
<p>This is a sample text to demonstrate i18n extraction.</p>
<button title="Click to continue">Get Started</button>
</div>{
"header.title": "Welcome to our service",
"header.description": "This is a sample text to demonstrate i18n extraction.",
"header.button.text": "Get Started",
"header.button.title": "Click to continue"
}Nach der Extraktion können Sie die JSON-Dateien einfach mit beliebten i18n-Bibliotheken integrieren:
// React + i18next (example)
import i18n from 'i18next'
import { useTranslation } from 'react-i18next'
import translations from './translations.json'
i18n.init({ resources: { en: { translation: translations } } })
function Header() {
const { t } = useTranslation()
return (
<div className="header">
<h1>{t('header.title')}</h1>
<p>{t('header.description')}</p>
<button title={t('header.button.title')}>{t('header.button.text')}</button>
</div>
)
}Beginnen Sie noch heute mit der Extraktion von Internationalisierungsressourcen aus Ihren HTML-Dateien und optimieren Sie Ihre mehrsprachige Entwicklung
Jetzt verwenden