ලේඛන: TacoTranslate භාවිත කිරීම

TacoTranslate භාවිතය

Sinhala

පෙළ පරිවර්තනය

දැනට තේරුම් ගත හැක්කේ ස්තරයන් තේරුම් ගැනීමට මාර්ග තුනකි: 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 එකක් තිබිය හැකිය.

වැඩි විස්තරාත්මක පාලනය සඳහා, ඔබට කොම්පොනන්ට් මට්ටම මත origins සැකසිය හැක.

මෙය සම්පූර්ණ කිරීමට, ඔබේ ව්යාපෘතිය තුළ බහු TacoTranslate සැපයුම්කරුවන් භාවිතා කිරීම ගැන සලකා බලන්න.

කරුණාකර සලකන්න ඒකම ස්ට්‍රිං එකට වෙන වෙනම පිටුබල වල වෙනස් පරිවර්තන ලබාගත හැකි බව.

අවසානයේ, ඔබ කොහෙද strings වර්ගීකරණය කරන්නේ සහ එය ඔබේ අවශ්‍යතා මත රඳා පවතී. එNevertheless, එක් origin එකක් තුළ strings බොහෝ තිබීම ඉල්ලුම් කාලය වැඩි විය හැකි බව සලකන්න.

වෙනස්කම් කළමනාකරණය

ඔබ යුසර් නාම, දිනයන්, ඊ-තැපැල් ලිපින සහ තවත් බොහෝ දේවල් වැනි ගතික අන්තර්ගත සඳහා සෑම විටම චර (variables) භාවිතා කළ යුතුය.

ස්ත්‍රිංගයන්හි විචල්‍යයන් දෙගුණ වක්‍රකෝණ යෙදුමෙන් ප්‍රකාශ කළ යුතුය, උදාහරණයක් වශයෙන් {{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 අන්තර්ගත කළමනාකරණය