Verwerk snel HTML-bestanden om tekstinhoud te extraheren en gestandaardiseerde internationalisatie JSON-bronbestanden te genereren, wat de ontwikkeling van meertalige websites stroomlijnt.
<div class="header">
<h1>Welcome</h1>
<p>Sample text</p>
<button>Start</button>
</div>{
"header.title": "Welcome",
"header.description": "Sample text",
"header.button": "Start"
}Twee krachtige workflows: kopie uit HTML extraheren naar JSON, en originele HTML herstellen van gesleutelde sjablonen met behulp van JSON
Krachtige HTML-parsingmogelijkheden die tekstinhoud nauwkeurig identificeren en extraheren uit verschillende tags terwijl scripts en stijlcode automatisch worden gefilterd
Genereert automatisch i18n-standaard JSON-bronbestanden met sleutel-waardetoewijzingen en geneste structuren voor directe integratie
Bied vertaal-JSON en t(...) gesleutelde HTML aan om originele HTML opnieuw op te bouwen en kopie te herstellen zonder je sjablonen te wijzigen
We hebben het HTML-internationalisatieproces vereenvoudigd om de hele workflow in slechts enkele minuten te voltooien
Selecteer of sleep je HTML-bestanden voor verwerking. Ondersteunt meerdere bestanden voor batchverwerking.
Stel extractieregels, voorvoegsels en uitsluitingen in om de uitvoerstructuur aan te passen aan specifieke vereisten.
Genereer en download JSON-formaat internationalisatiebronbestanden voor onmiddellijke integratie in je project.
Ervaar hoe onze tool HTML-inhoud omzet in gestructureerde internationalisatiebronnen
<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"
}Na extractie kun je de JSON-bestanden eenvoudig integreren met populaire i18n-bibliotheken:
// 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>
)
}Begin vandaag nog met het extraheren van internationalisatiebronnen uit je HTML-bestanden en stroomlijn je meertalige ontwikkeling
Nu Beginnen