ሰነድ አሰራር: በTacoTranslate መጠቀም

TacoTranslate እንዴት መጠቀም

Amharic

ስምሮችን ትርጉም መያዝ

አሁን ስርአቶችን ለመተርጎም ሶስት መንገዶች አሉ: 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 ትርጉሙ በተዘጋጀ ጊዜ፣ የማሽን ትርጉምን ይተካል እና ስርአቶቻችሁን ሲጠይቁ ሁልጊዜ ይላካል።

እርስዎ በእጅ የተረጐመ ጽሑፍ ካለዎት፣ እነዚህ ትርጉሞች ቅድሚያ ይኖራቸዋል፥ እና ተመልሰው ይመለሳሉ።

የመነሻ ምንጮችን መጠቀም

TacoTranslate ፕሮጀክቶች እኛ የምናጠራቸውን መነሻዎች ይዟሉ። እነነዚህን እንደ የመግቢያ ነጥቦች፣ ፎልደሮች ወይም ለቃላቶችና ትርጉሞችዎ የተሰበሰቡ ቡድኖች ይመስሉቸው ይስቡ።

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 መቀየር ይህን ባህሪ ማስረጃ መውጣት ትችላለህ።

Translation

የተላላፊ ተጠቃሚ የሆነ ይዘት ሲተረጉሙ የ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}
		/>
	);
}

የላይ እባብ ምሳሌ እንደ ቀጥታ ጽሑፍ ይታያል።

አገልጋይ ክፍል አቀማመጥ