ලේඛන: 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 ලෙස අප කතා කරන්නේ ඉන්පැසිලියන් වෙයි. එවැනි origins ඔබගේ string සහ පරිවර්තන සඳහා ප්‍රවේශ දොරටු, ෆෝල්ඩර් හෝ කණ්ඩායම් ලෙස හිතන්න.

import {TacoTranslate} from 'tacotranslate/react';

function Menu() {
	return (
		<TacoTranslate origin="application-menu">
			// ...
		</TacoTranslate>
	);
}

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

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

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

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

අවසන් විශේෂයෙන්, ඔබේ strings මූලාශ්‍ර වලට කොපමණ වෙන් කරනවාද යන්න ඔබ සහ ඔබේ අවශ්‍යතා අනුව වේ. කෙසේ වෙතත්, එක් මූලාශ්‍රයක් තුළ str‍ings බොහෝකර තිබීමෙන් ආරෝහණ කාලය වැඩි විය හැකි බව සලකා බලන්න.

වෙරියබල් සැකසීම

ඔබ සෑම විටම භාවිතා කළ යුතුය ද්‍රව්‍යමය අන්තර්ගත සඳහා චර පරාමිතීන්, උදාහරණ ලෙස පරිශීලක නාම, දිනයන්, විද්යුත් තැපැල් ලිපින, සහ තවත්.

ස්ට්‍රිං වල ඇති වෙනස්කම් දෙගුණ කොටස් භාවිතයෙන් ප්‍රකාශිත වේ, උදාහරණයක් වශයෙන් {{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 සමඟ සෑම විටම ආරක්ෂිත කර ඇත.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}
		/>
	);
}

ඉහත උදාහරණය පොදු පෙළ ලෙසම ප්‍රදර්ශනය කෙරේ.

සේවාදායක පැත්තේ රෙන්ඩරින්ග්