TacoTranslate
/
Баримт бичигҮнийн мэдээлэл
 
  1. Танилцуулга
  2. Эхлэх
  3. Тохиргоо ба зохицуулалт
  4. TacoTranslate ашиглах
  5. Сервер талын рендеринг
  6. Дэвшилтэт хэрэглээ
  7. Шилдэг дадал зуршлууд
  8. Алдааг удирдах ба алдааг олж засварлах
  9. Дэмжигдсэн хэлүүд

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

Дээрх жишээ нь энгийн текст хэлбэрээр харуулагдах болно.

Сервер талын рендеринг

Nattskiftet-с гаралтай бүтээгдэхүүнНорвеги улсад бүтээгдсэн