Elabora rapidamente file HTML per estrarre contenuti testuali e generare file di risorse JSON standardizzati per l'internazionalizzazione, semplificando lo sviluppo di siti web multilingue.
<div class="header">
<h1>Welcome</h1>
<p>Sample text</p>
<button>Start</button>
</div>{
"header.title": "Welcome",
"header.description": "Sample text",
"header.button": "Start"
}Due flussi potenti: estrai il testo dall'HTML in JSON e ripristina l'HTML originale da modelli con chiavi utilizzando JSON
Potenti capacità di analisi HTML che identificano ed estraggono accuratamente il contenuto testuale da vari tag, filtrando automaticamente script e codice di stile
Genera automaticamente file di risorse JSON standard i18n con mappature chiave-valore e strutture nidificate per l'integrazione diretta
Fornisci JSON di traduzione e HTML con chiavi t(...) per ricostruire l'HTML originale e recuperare il testo senza alterare i tuoi modelli
Abbiamo semplificato il processo di internazionalizzazione HTML per completare l'intero flusso di lavoro in pochi minuti
Seleziona o trascina i tuoi file HTML per l'elaborazione. Supporta più file per l'elaborazione in batch.
Imposta regole di estrazione, prefissi ed esclusioni per personalizzare la struttura di output in base a requisiti specifici.
Genera e scarica file di risorse di internazionalizzazione in formato JSON per l'integrazione immediata nel tuo progetto.
Scopri come il nostro strumento trasforma il contenuto HTML in risorse di internazionalizzazione strutturate
<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"
}Dopo l'estrazione, puoi facilmente integrare i file JSON con le librerie i18n più diffuse:
// 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>
)
}Inizia oggi a estrarre risorse di internazionalizzazione dai tuoi file HTML e semplifica il tuo sviluppo multilingue
Inizia a Usare Ora