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

TacoTranslate භාවිතා කිරීම

Sinhala

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

පෙළ පරිවර්තනය කිරීම සඳහා මේ වන විට ක්‍රම තුනක් ඇත: Translate කොටස, useTranslation හූක්, හෝ translateEntries උපකරණය.

Translate කොම්පොනන්තය භාවිත කිරීම.
පරිවර්තන span අංගය තුළ ප්‍රදර්ශනය කරයි, සහ HTML රෙන්ඩර කිරීමට සහය දක්වයි.

import {Translate} from 'tacotranslate/react';

function Page() {
	return <Translate string="Hello, world!" />;
}

උදාහරණයක් ලෙස, කොම්පොනන්ට් මත as="p" භාවිතා කර ඔබට element වර්ගය වෙනස් කළ හැක.

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 ව්‍යාපෘතිවල අපි 'මූලාශ්‍ර' ලෙස හඳුන්වන කොටස් ඇත. එම කොටස් ඔබගේ පෙළ හා පරිවර්තන සඳහා පිවිසුම්, ෆෝල්ඩර් හෝ කණ්ඩායම් ලෙස සලකිය හැක.

import {TacoTranslate} from 'tacotranslate/react';

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

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

තවත් සුක්ෂ්ම පාලනයක් සඳහා, ඔබට කොම්පෝනන්ට් මට්ටමේ origins සකස් කළ හැකිය.

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

කරුණාකර සලකන්න: එකම පෙළ විවිධ මූලාශ්‍රවල විවිධ පරිවර්තන ලබා ගත හැක.

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

විචල්‍යයන් හසුරුවීම

ඔබට ගතික අන්තර්ගත සඳහා, උදාහරණ ලෙස පරිශීලක නාම, දිනයන්, ඊ-තැපැල් ලිපින හා අනෙකුත් සඳහා සෑම විටම වෙනස්කරුන් (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 අන්තර්ගත කළමනාකරණය