HERRAMIENTA DE DESARROLLADOR

i18nExtracciónHerramienta

Procesa rápidamente archivos HTML para extraer contenido de texto y generar archivos de recursos JSON estandarizados para internacionalización, optimizando el desarrollo de sitios web multilingües.

Comenzar a extraer Restaurar HTML Aprende más

index.html

<div class="header">
  <h1>Welcome</h1>
  <p>Sample text</p>
  <button>Start</button>
</div>

en.json

{
  "header.title": "Welcome",
  "header.description": "Sample text",
  "header.button": "Start"
}

CARACTERÍSTICAS CLAVE

Capacidades Principales

Dos flujos potentes: extraer texto del HTML a JSON, y restaurar el HTML original a partir de plantillas con claves usando JSON

Análisis de HTML

Potentes capacidades de análisis de HTML que identifican y extraen con precisión el contenido de texto de varias etiquetas mientras filtran automáticamente scripts y código de estilo

Salida JSON Estándar

Genera automáticamente archivos de recursos JSON estándar i18n con mapeos clave-valor y estructuras anidadas para integración directa

Restauración de HTML

Proporciona JSON de traducción y HTML con claves t(...) para reconstruir el HTML original y recuperar el texto sin alterar tus plantillas

PROCESO SIMPLE

Tres Pasos Simples

Hemos simplificado el proceso de internacionalización de HTML para completar todo el flujo de trabajo en solo minutos

Sube archivos HTML

Selecciona o arrastra y suelta tus archivos HTML para procesarlos. Admite múltiples archivos para procesamiento por lotes.

Configura opciones de extracción

Establece reglas de extracción, prefijos y exclusiones para personalizar la estructura de salida según requisitos específicos.

Exporta archivos JSON

Genera y descarga archivos de recursos de internacionalización en formato JSON para integrarlos inmediatamente en tu proyecto.

Comenzar a extraer Probar restauración

EJEMPLOS

Véalo en acción

Experimenta cómo nuestra herramienta transforma contenido HTML en recursos de internacionalización estructurados

Entrada: Archivo HTMLsource.html

<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>

Salida: Archivo JSONtranslations.json

{
  "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"
}

Ejemplo de Integración

Después de la extracción, puedes integrar fácilmente los archivos JSON con 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>
  )
}

¿Listo para internacionalizar?

Comienza a extraer recursos de internacionalización de tus archivos HTML hoy y optimiza tu desarrollo multilingüe

Comienza a usar ahora