سندونه: د TacoTranslate کارول

د TacoTranslate کارول

Pashto

د لیکو ژباړل

اوس مهال د تارونو د ژباړې درې لارې شته: د Translate کمپونینټ، د useTranslation هوک، یا د translateEntries وسیله.

د Translate کمپونینټ کارول.
ژباړې د span عنصر دننه څرګندوي، او د HTML رنډر کولو ملاتړ کوي.

import {Translate} from 'tacotranslate/react';

function Page() {
	return <Translate string="Hello, world!" />;
}

تاسو کولی شئ د بېلګې په توګه، په کمپونینټ کې as="p" کارولو سره د عنصر ډول بدل کړئ.

د useTranslation هوک کارول.
ژباړې په ساده تار بڼه راستنوي. د بېلګې په توګه، په 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 تنظیم کړئ.

د دې ترلاسه کولو لپاره، په خپل پروژه کې د ډېرو 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}
		/>
	);
}

پورته مثال به د ساده متن په توګه وښودل شي.

د سرور اړخ رینډرینګ

د TacoTranslate کارول

څنګه تارونه ژباړل کېږي

د سرچینو کارول

د متغیرونو اداره کول

د HTML منځپانګې مدیریت کول