Metin içeriğini çıkarmak ve standartlaştırılmış uluslararasılaştırma JSON kaynak dosyaları oluşturmak için HTML dosyalarını hızlıca işleyin, çok dilli web sitesi geliştirmeyi kolaylaştırın.
<div class="header">
<h1>Welcome</h1>
<p>Sample text</p>
<button>Start</button>
</div>{
"header.title": "Welcome",
"header.description": "Sample text",
"header.button": "Start"
}İki güçlü akış: HTML'den metni JSON'a çıkarın ve anahtarlı şablonlardan JSON kullanarak orijinal HTML'i geri yükleyin
Çeşitli etiketlerden metin içeriğini doğru şekilde tanımlayan ve çıkaran, aynı zamanda betik ve stil kodunu otomatik olarak filtreleyen güçlü HTML ayrıştırma yetenekleri
Doğrudan entegrasyon için anahtar-değer eşlemeleri ve iç içe geçmiş yapılarla i18n-standart JSON kaynak dosyalarını otomatik olarak oluşturur
Çeviri JSON'unu ve t(...) anahtarlı HTML'i sağlayarak şablonlarınızı değiştirmeden orijinal HTML'i yeniden oluşturun ve metni geri kazanın
HTML uluslararasılaştırma sürecini basitleştirdik, tüm iş akışını sadece dakikalar içinde tamamlayın
İşlemek için HTML dosyalarınızı seçin veya sürükleyip bırakın. Toplu işlem için birden fazla dosyayı destekler.
Belirli gereksinimler için çıktı yapısını özelleştirmek amacıyla çıkarma kurallarını, önekleri ve hariç tutmaları ayarlayın.
Projenize hemen entegre etmek için JSON formatında uluslararasılaştırma kaynak dosyaları oluşturun ve indirin.
Aracımızın HTML içeriğini yapılandırılmış uluslararasılaştırma kaynaklarına nasıl dönüştürdüğünü deneyimleyin
<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"
}Çıkarma işleminden sonra, JSON dosyalarını popüler i18n kütüphaneleriyle kolayca entegre edebilirsiniz:
// 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>
)
}Bugün HTML dosyalarınızdan uluslararasılaştırma kaynaklarını çıkarmaya başlayın ve çok dilli geliştirme sürecinizi kolaylaştırın
Hemen Kullanmaya Başlayın