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-ийг баримт бичигт зориулж, нөгөө origin-ийг маркетингийн хуудсанд зориулж хэрэглэж болно.
Илүү нарийвчилсан хяналт хийхийн тулд origin-уудыг бүрэлдэхүүний түвшинд тохируулж болно.
Үүнийг хэрэгжүүлэхийн тулд таны төсөлд олон TacoTranslate нөөц нийлүүлэгч ашиглахыг авч үзээрэй.
Анхаарна уу, нэгэн адил мөр нь өөр өөр эх сурвалжаас өөр өөр орчуулгуудыг авч магадгүй юм.
Эцэст нь, та үгсийг эх сурвалжууд болгон хэрхэн хуваах нь таны болон таны хэрэгцээнээс шалтгаална. Гэсэн хэдий ч, нэг эх сурвалжид олон үг агуулах нь ачааллын хугацааг нэмэгдүүлэх магадлалтайг анхаарна уу.
хувьсагчидтай ажиллах
Хэрэглэгчийн нэр, огноо, и-мэйл хаяг болон бусад динамик агуулгын хувьд үргэлж хувьсагчуудыг ашиглах хэрэгтэй.
Стрингүүд доторх хувьсагчид нь хоёр эгнээтэй тэгш хаяг ашиглан зарлагддаг, жишээ нь {{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}
/>
);
}
Дээрх жишээ нь энгийн текст хэлбэрээр гарна.