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

TacoTranslate භාවිතය

Sinhala

ස්ට්‍රින් අර්ථාන්වITA කිරීම

මෙවැනි සඳහන් කිරීමට දැනට තිමින් මාර්ග තුනක් ඇත: 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)
	};
}

ස්ට්‍රිංස් පරිවර්තනය වන්නේ කෙසේද

ඇතුළත් වූ පද මාලා අපගේ සේවාදායකයන් වෙත ළඟා වීමේදී, අපි ප්‍රථමයෙන් ඒවා විධිමත් කිරීම සහ සුරකිනය කරමින්, ඉක්මණින් machine භාෂා අනුවාදයක් ආපසු ලබා දෙමු. machine භාෂා අනුවාද AI භාෂා අනුවාදებთან සසඳද්දී සාමාන්‍යයෙන් තත්ත්වයෙන් පහළ වන නමුත්, ඒවා වේගවත් මුල් පිළිතුරක් සැපයීමට හැකි වේ.

එක් වරටම, අපි ඔබගේ ස්ට්‍රිං සඳහා උසස් තත්වයේ, නවතම තාක්ෂණික AI පරිවර්තනයක් හදුන්වා දීමට අසමකාලීන පරිවර්ථන කාර්යයක් ආරම්භ කරමු. AI පරිවර්තනය සූදානම් වූ පසු, එය යන්ත්‍ර පරිවර්තනය ප්‍රතිස්ථාපනය කරනු ලබයි සහ ඔබට ඔබගේ ස්ට්‍රිං සඳහා පරිවර්තන ඉල්ලන විට එය යැවෙනු ඇත.

ඔබට වාක්‍යයක් අතින් පරිවර්තනය කර තිබේ නම්, එම පරිවර්තන ප්‍රමුඛතාව ලබා දී, ඒවා පමණක් ප්‍රතිලාභ කරන ලදි.

ආරම්භයන් භාවිත කිරීම

TacoTranslate ව්‍යාපෘති වල ඇති වන දේ අපි origins ලෙස හඳුන්වමු. ඒවා ඔබගේ රේඛා හා පරිවර්තන සඳහා ප්‍රවේශ බින්දු, ෆොල්ඩර් හෝ කණ්ඩායම් ලෙස සිතන්න.

import {TacoTranslate} from 'tacotranslate/react';

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

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

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

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

කරුණාකර සළකන්න එකම පේළිය විවිධ ප්‍රභවයන්හි විවිධ පරිවර්තන ලබාගත හැකි බව.

අවසානයේ, ඔබට සහ ඔබේ අවශ්‍යතා අනුව පේළි වචන origins වෙත වෙන් කිරීම සිදු කළ හැකිය. කෙසේ වුවද, එක origins තුළ බොහෝ පේළි වචන තිබීම ප්‍රස්ථාරණ කාලයන් වැඩි විය හැකි බව සලකන්න.

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

පරිශීලක නාම, දිනයන්, විද්‍යුත් තැපැල් ලිපින හා එවැනි ඕනෑම වෙනස්වන අන්තර්ගතයක් සඳහා ඔබ සැමවිටම වෙනස්කම් (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}
		/>
	);
}

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

සේවාදායක-පාර්ශව ගොඩනැගීම