TacoTranslate ашиглах
Тэмдэгтүүдийг орчуулах
Одоогоор мөрүүдийг орчуулах гурван арга байдаг: Translate
бүрэлдэхүүн хэсэг, useTranslation
хуулбар, эсвэл 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}
/>
);
}
Дээрх жишээ нь энгийн текст хэлбэрээр харуулагдах болно.