سندونه: د 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>
	);
}

مېنځپانګه تاسو ته اجازه درکوي چې تارونه په معنی لرونکو کانټینرونو ووېشئ. د بېلګې په توګه، تاسو کولی شئ د اسنادو لپاره یوه مېنځپانګه ولرئ او د خپل بازار موندنې پاڼې لپاره بله.

د زیات دقیق کنټرول لپاره، تاسو کولی شئ څرخي په کچه پر اصلونو تنظیم کړئ.

د دې ترلاسه کولو لپاره، په خپل پروژه کې د ډیرو 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 مینځپانګې مدیریت