TacoTranslate භාවිත කිරීම
පෙළ පරිවර්තනය
දැනට පෙළ පරිවර්තනය කිරීමට ක්රම තුනක් ඇත: 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 පරිවර්තනයක් ජනනය කිරීමට අසමකාලීන පරිවර්තන වැඩක් ආරම්භ කරමු. AI පරිවර්තනය සූදානම් වූ විට එය යන්ත්ර පරිවර්තනය වෙනුවට භාවිතා වනු ඇත සහ ඔබ ඔබගේ පෙළ සඳහා පරිවර්තන ඉල්ලා සිටින විට එය එවනු ලබයි.
ඔබ අතින් පරිවර්තනය කළ පෙළක් තිබේ නම්, එම පරිවර්තන ප්රමුඛත්වය හිමිව, ඒවා වෙනුවට ලබා දෙනු ඇත.
මූලාශ්ර භාවිතා කිරීම
TacoTranslate ව්යාපෘතිවල අපි origins ලෙස කියන දේ අඩංගු වේ. ඔවුන් ඔබගේ පෙළ සහ පරිවර්තන සඳහා පිවිසුම් ස්ථාන, ෆෝල්ඩර් හෝ කණ්ඩායම් වශයෙන් සිතන්න.
import {TacoTranslate} from 'tacotranslate/react';
function Menu() {
return (
<TacoTranslate origin="application-menu">
// ...
</TacoTranslate>
);
}Origins ඔබට පේළි අර්ථවත් කන්ටේනර්වලට වෙන් කිරීමට ඉඩ සලසයි. උදාහරණයක් ලෙස, ලේඛන සඳහා එක මූලාශ්රයක් සහ ඔබගේ වෙළඳ ප්රචාරණ පිටුව සඳහා වෙනත් මූලාශ්රයක් තිබිය හැක.
තවත් සුක්ෂ්ම පාලනයක් සඳහා, ඔබට කොම්පෝනන්ට් මට්ටමේ origins සකස් කළ හැකිය.
මෙයට ළඟා වීමට, ඔබේ ව්යාපෘතිය තුළ බහු TacoTranslate සපයන්නන් භාවිතා කිරීම සලකා බලන්න.
කරුණාකර සලකන්න — එකම පෙළට විවිධ මූලාශ්රවලදී වෙනස් පරිවර්තන ලැබිය හැකි බව.
අවසානයේ, ඔබ පෙළ මූලාශ්රවලට කොහෙම වෙන් කරන්නේද යන්න ඔබට සහ ඔබගේ අවශ්යතාට අයත්ය. කෙසේ වෙතත්, එක්ම මූලාශ්රයක බොහෝ පෙළ තිබියහොත් පූරණ කාලය වැඩි විය හැකි බව සලකන්න.
වෙනස්කම් කළමනාකරණය
පරිශීලක නාම, දිනයන්, විද්යුත් තැපැල් ලිපින වැනි ගතිමත් අන්තර්ගත සඳහා ඔබට හැමවිටම වෙනස්කම් භාවිතා කළ යුතුය.
පෙළ තුළ ඇති වෙනස්කරුන් (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}
/>
);
}ඉහත උදාහරණය සාමාන්ය පෙළක් ලෙස දර්ශනය කෙරේ.