เครื่องมือสำหรับนักพัฒนา

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 เป็นสากลง่ายขึ้นเพื่อให้ทำงานทั้งหมดเสร็จในเวลาเพียงไม่กี่นาที

1

อัปโหลดไฟล์ HTML

เลือกหรือลากและวางไฟล์ HTML ของคุณเพื่อประมวลผล รองรับหลายไฟล์สำหรับการประมวลผลแบบกลุ่ม

2

กำหนดค่าตัวเลือกการแยก

ตั้งกฎการแยก คำนำหน้า และข้อยกเว้นเพื่อปรับแต่งโครงสร้างผลลัพธ์ตามความต้องการเฉพาะ

3

ส่งออกไฟล์ JSON

สร้างและดาวน์โหลดไฟล์ทรัพยากรการทำให้เป็นสากลรูปแบบ JSON เพื่อผสานรวมเข้ากับโปรเจกต์ของคุณได้ทันที

เริ่มแยกลองกู้คืน
ตัวอย่าง

ดูการทำงานจริง

สัมผัสประสบการณ์ว่าคุณเครื่องมือของเราแปลงเนื้อหา HTML เป็นทรัพยากรการทำให้เป็นสากลที่มีโครงสร้างอย่างไร

อินพุต: ไฟล์ 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>
เอาต์พุต: ไฟล์ 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"
}

ตัวอย่างการผสานรวม

หลังจากการแยก คุณสามารถผสานรวมไฟล์ 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 ของคุณวันนี้ และทำให้การพัฒนาหลายภาษาของคุณมีประสิทธิภาพมากขึ้น

เริ่มใช้ตอนนี้