Traitez rapidement des fichiers HTML pour extraire le contenu textuel et générer des fichiers de ressources JSON d'internationalisation standardisés, rationalisant le développement de sites web multilingues.
<div class="header">
<h1>Welcome</h1>
<p>Sample text</p>
<button>Start</button>
</div>{
"header.title": "Welcome",
"header.description": "Sample text",
"header.button": "Start"
}Deux flux puissants : extraire le texte du HTML vers JSON, et restaurer le HTML original à partir de modèles clés en utilisant JSON
Capacités d'analyse HTML puissantes qui identifient et extraient avec précision le contenu textuel de diverses balises tout en filtrant automatiquement les scripts et le code de style
Génère automatiquement des fichiers de ressources JSON standard i18n avec des mappages clé-valeur et des structures imbriquées pour une intégration directe
Fournissez un JSON de traduction et un HTML clé t(...) pour reconstruire le HTML original et récupérer le texte sans altérer vos modèles
Nous avons simplifié le processus d'internationalisation HTML pour terminer le flux de travail complet en quelques minutes seulement
Sélectionnez ou glissez-déposez vos fichiers HTML pour traitement. Prend en charge plusieurs fichiers pour le traitement par lots.
Définissez les règles d'extraction, les préfixes et les exclusions pour personnaliser la structure de sortie selon des besoins spécifiques.
Générez et téléchargez des fichiers de ressources d'internationalisation au format JSON pour une intégration immédiate dans votre projet.
Découvrez comment notre outil transforme le contenu HTML en ressources d'internationalisation structurées
<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"
}Après extraction, vous pouvez facilement intégrer les fichiers JSON avec des bibliothèques i18n populaires :
// 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>
)
}Commencez dès aujourd'hui à extraire les ressources d'internationalisation de vos fichiers HTML et rationalisez votre développement multilingue
Commencer à utiliser maintenant