TacoTranslate ашиглах
Дуудлага хэлбэрүүдийг орчуулах
Одоогийн байдлаар мессежүүдийг орчуулах гурван арга байна: Translate
бүрэлдэхүүн хэсэг, useTranslation
hook, эсвэл translateEntries
хэрэгсэл.
Translate
бүрэлдэхүүн хэсгийг ашиглах.
Орчуулгыг span
элементийн дотор гаргадаг бөгөөд HTML-г рендерлэхийг дэмждэг.
import {Translate} from 'tacotranslate/react';
function Page() {
return <Translate string="Hello, world!" />;
}
Жишээ нь, бүрэлдэхүүнд as="p"
ашиглан элементийн төрлийг өөрчилж болно.
useTranslation
hook-ийг ашиглах.
Орчуулгыг энгийн мөр хэлбэрээр буцаана. Жишээлбэл, meta
шошгуудын хувьд ашигтай.
import {useEffect} from 'react';
import {useTranslation} from 'tacotranslate/react';
function Page() {
const helloWorld = useTranslation('Hello, world!');
useEffect(() => {
alert(helloWorld);
}, [helloWorld]);
return (
<title>{useTranslation('My page title')}</title>
);
}
translateEntries
ашиглах.
Мөрүүдийг сервер талд орчуулах. Таны OpenGraph зургуудыг илүү чадвартай болгоно.
import {createEntry, translateEntries} from 'tacotranslate';
async function generateMetadata(locale = 'es') {
const title = createEntry({string: 'Hello, world!'});
const description = createEntry({string: 'TacoTranslate on the server'});
const translations = await translateEntries(
tacoTranslate,
{origin: 'opengraph', locale},
[title, description]
);
return {
title: translations(title),
description: translations(description)
};
}
Мөрүүд хэрхэн орчуулагддаг вэ
Стрингүүд сервертээ ирэхэд бид эхлээд тэдгээрийг баталгаажуулан хадгалдаг бөгөөд дараа нь шууд машин орчуулгыг буцаадаг. Машин орчуулгууд ихэвчлэн манай AI орчуулгуудтай харьцуулахад чанар бага байдаг ч эхний хурдан хариу өгдөг.
Үүний зэрэгцээ бид таны мөрийн өндөр чанартай, орчин үеийн AI орчуулгыг үүсгэх зорилгоор асинхрон орчуулгын ажлыг эхлүүлдэг. AI орчуулга бэлэн болсон даруйд, машин орчуулгыг солин таны мөрүүдийн орчуулгыг хүсэхэд илгээгддэг болно.
Хэрэв та текстийг гараар орчуулсан бол эдгээр орчуулгууд илүү давамгайлж, орлуулан буцаагдана.
Эх үүсвэрүүдийг ашиглах
TacoTranslate төслүүд origins гэж нэрлэдэг зүйлийг агуулдаг. Үүнийг таны текстүүд ба орчуулгуудын орох цэг, фолдер, эсвэл бүлгүүд гэж үзээрэй.
import {TacoTranslate} from 'tacotranslate/react';
function Menu() {
return (
<TacoTranslate origin="application-menu">
// ...
</TacoTranslate>
);
}
Origins нь тэмдэгтүүдийг утга учиртай саванд хуваах боломжийг олгоно. Жишээ нь, та нэг origin-ыг баримт бичигт, нөгөөг нь маркетингийн хуудсандаа ашиглаж болно.
Илүү нарийн хяналттай болгохын тулд, компонент төвшинд origins тохируулж болно.
Үүнийг хийхийн тулд төсөлд өөр өөр олон TacoTranslate үйлчилгээ үзүүлэгч ашиглах талаар бодоорой.
Анхаарна уу, нэгэн ижил мөр олон эх үүсвэрүүдэд янз бүрийн орчуулт авч болохыг тэмдэглээрэй.
Эцэст нь, тэмдгүүдийг хэрхэн origin-уудаар ангилах нь таны болон таны хэрэгцээнд хамаарна. Гэхдээ нэг origin-д олон тэмдэгт байх нь ачааллын хугацааг уртасгахыг анхаарна уу.
хувьсагчидтай ажиллах
Хэрэглэгчийн нэр, огноо, и-мэйл хаяг гэх мэт динамик агуулгын хувьд үргэлж хувьсагч ашиглах ёстой.
Стринг дэх хувьсагчид давхар хавтгай дөрвөлжин хаалт ашиглан зарлагддаг, жишээ нь {{variable}}
.
import {Translate} from 'tacotranslate/react';
function Greeting() {
const name = 'Juan';
return <Translate string="Hello, {{name}}!" variables={{name}} />;
}
import {useTranslation} from 'tacotranslate/react';
function useGreeting() {
const name = 'Juan';
return useTranslation('Hello, {{name}}!', {variables: {name}});
}
HTML агуулгыг удирдах
Анхдагчаар, Translate
компонент нь HTML агуулгыг дэмжиж үзүүлдэг. Гэсэн хэдий ч, та энэ зан төлөвийг идэвхгүй болгохыг хүсвэл useDangerouslySetInnerHTML
утгыг false
болгож тохируулах боломжтой.
Хэрэглэгчийн үүсгэсэн агуулга гэх мэт итгэл төгс бус агуулгыг орчуулах үед HTML-н дүрслэлийг идэвхгүй болгохыг шууд зөвлөж байна.
Бүх гаралт нь байнга sanitize-html ашиглан цэвэрлэгдсэн байж, дараа нь харуулдаг.
import {Translate} from 'tacotranslate/react';
function Page() {
return (
<Translate
string={`
Welcome to <strong>my</strong> website.
I’m using <a href="{{url}}">TacoTranslate</a> to translate text.
`}
variables={{url: 'https://tacotranslate.com'}}
useDangerouslySetInnerHTML={false}
/>
);
}
Дээрх жишээ нь энгийн текст хэлбэрээр харуулах болно.