ИНСТРУМЕНТ ДЛЯ РАЗРАБОТЧИКОВ

i18nИзвлечениеИнструмент

Быстро обрабатывайте HTML-файлы для извлечения текстового содержимого и генерации стандартизированных JSON-файлов ресурсов интернационализации, упрощая разработку многоязычных веб-сайтов.

Начать извлечение Восстановить HTML Узнать больше

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

КЛЮЧЕВЫЕ ВОЗМОЖНОСТИ

Основные возможности

Два мощных потока: извлечение текста из HTML в JSON и восстановление исходного HTML из шаблонов с ключами с использованием JSON

Парсинг HTML

Мощные возможности парсинга HTML, которые точно идентифицируют и извлекают текстовое содержимое из различных тегов, автоматически фильтруя скрипты и стили

Стандартный вывод JSON

Автоматически генерирует JSON-файлы ресурсов стандарта i18n с сопоставлениями ключ-значение и вложенными структурами для прямой интеграции

Восстановление HTML

Предоставьте JSON с переводами и HTML с ключами t(...), чтобы восстановить исходный HTML и вернуть текст без изменения ваших шаблонов

ПРОСТОЙ ПРОЦЕСС

Три простых шага

Мы упростили процесс интернационализации HTML, чтобы завершить весь рабочий процесс всего за несколько минут

Загрузите HTML-файлы

Выберите или перетащите ваши HTML-файлы для обработки. Поддерживается несколько файлов для пакетной обработки.

Настройте параметры извлечения

Установите правила извлечения, префиксы и исключения, чтобы настроить структуру вывода под конкретные требования.

Экспортируйте JSON-файлы

Сгенерируйте и скачайте JSON-файлы ресурсов интернационализации для немедленной интеграции в ваш проект.

Начать извлечение Попробовать восстановление

ПРИМЕРЫ

Увидеть в действии

Оцените, как наш инструмент преобразует HTML-контент в структурированные ресурсы интернационализации

Вход: HTML-файлsource.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>

Выход: JSON-файлtranslations.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"
}

Пример интеграции

После извлечения вы можете легко интегрировать JSON-файлы с популярными библиотеками i18n:

// 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>
  )
}

Готовы к интернационализации?

Начните извлекать ресурсы интернационализации из ваших HTML-файлов уже сегодня и упростите свою многоязычную разработку

Начать использовать сейчас