CÔNG CỤ NHÀ PHÁT TRIỂN

i18nTrích xuấtCông cụ

Xử lý nhanh các tệp HTML để trích xuất nội dung văn bản và tạo tệp tài nguyên JSON quốc tế hóa tiêu chuẩn, hợp lý hóa việc phát triển trang web đa ngôn ngữ.

Bắt đầu trích xuất Khôi phục HTML Tìm hiểu thêm

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

TÍNH NĂNG CHÍNH

Khả năng cốt lõi

Hai luồng mạnh mẽ: trích xuất văn bản từ HTML sang JSON và khôi phục HTML gốc từ các mẫu có khóa bằng JSON

Phân tích cú pháp HTML

Khả năng phân tích cú pháp HTML mạnh mẽ, xác định và trích xuất chính xác nội dung văn bản từ các thẻ khác nhau đồng thời tự động lọc mã kịch bản và kiểu

Đầu ra JSON tiêu chuẩn

Tự động tạo tệp tài nguyên JSON tiêu chuẩn i18n với ánh xạ khóa-giá trị và cấu trúc lồng nhau để tích hợp trực tiếp

Khôi phục HTML

Cung cấp JSON dịch và HTML có khóa t(...) để xây dựng lại HTML gốc và khôi phục văn bản mà không làm thay đổi mẫu của bạn

QUY TRÌNH ĐƠN GIẢN

Ba bước đơn giản

Chúng tôi đã đơn giản hóa quy trình quốc tế hóa HTML để hoàn thành toàn bộ quy trình chỉ trong vài phút

Tải lên tệp HTML

Chọn hoặc kéo và thả tệp HTML của bạn để xử lý. Hỗ trợ nhiều tệp để xử lý hàng loạt.

Cấu hình tùy chọn trích xuất

Đặt quy tắc trích xuất, tiền tố và loại trừ để tùy chỉnh cấu trúc đầu ra cho các yêu cầu cụ thể.

Xuất tệp JSON

Tạo và tải xuống tệp tài nguyên quốc tế hóa định dạng JSON để tích hợp ngay vào dự án của bạn.

Bắt đầu trích xuất Thử khôi phục

VÍ DỤ

Xem nó hoạt động

Trải nghiệm cách công cụ của chúng tôi biến nội dung HTML thành tài nguyên quốc tế hóa có cấu trúc

Đầu vào: Tệp 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>

Đầu ra: Tệp 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"
}

Ví dụ tích hợp

Sau khi trích xuất, bạn có thể dễ dàng tích hợp tệp JSON với các thư viện i18n phổ biến:

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

Sẵn sàng quốc tế hóa?

Bắt đầu trích xuất tài nguyên quốc tế hóa từ tệp HTML của bạn ngay hôm nay và hợp lý hóa việc phát triển đa ngôn ngữ của bạn

Bắt đầu sử dụng ngay