Processe rapidamente arquivos HTML para extrair conteúdo de texto e gerar arquivos de recursos JSON padronizados para internacionalização, agilizando o desenvolvimento de sites multilíngues.
<div class="header">
<h1>Welcome</h1>
<p>Sample text</p>
<button>Start</button>
</div>{
"header.title": "Welcome",
"header.description": "Sample text",
"header.button": "Start"
}Dois fluxos poderosos: extrair texto do HTML para JSON e restaurar o HTML original de modelos com chaves usando JSON
Capacidades robustas de análise de HTML que identificam e extraem com precisão o conteúdo de texto de várias tags, filtrando automaticamente scripts e código de estilo
Gera automaticamente arquivos de recursos JSON padrão i18n com mapeamentos de chave-valor e estruturas aninhadas para integração direta
Forneça JSON de tradução e HTML com chaves t(...) para reconstruir o HTML original e recuperar o texto sem alterar seus modelos
Simplificamos o processo de internacionalização de HTML para concluir todo o fluxo de trabalho em apenas alguns minutos
Selecione ou arraste e solte seus arquivos HTML para processamento. Suporta vários arquivos para processamento em lote.
Defina regras de extração, prefixos e exclusões para personalizar a estrutura de saída para requisitos específicos.
Gere e baixe arquivos de recursos de internacionalização no formato JSON para integração imediata em seu projeto.
Experimente como nossa ferramenta transforma conteúdo HTML em recursos de internacionalização estruturados
<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"
}Após a extração, você pode integrar facilmente os arquivos JSON com bibliotecas i18n populares:
// 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>
)
}Comece a extrair recursos de internacionalização de seus arquivos HTML hoje e agilize seu desenvolvimento multilíngue
Começar a Usar Agora