ಡಾಕ್ಯುಮೆಂಟೇಶನ್: TacoTranslate ಅನ್ನು ಬಳಸುವುದು

TacoTranslate ಬಳಸುವುದು

Kannada

ಸರಣಿಗಳನ್ನು ಅನುವಾದಿಸುವುದು

ಈಗಾಗಲೇ ಸ್ಟ್ರಿಂಗ್‌ಗಳನ್ನು ಅನುವಾದಿಸುವ ಮೂರು ವಿಧಾನಗಳು ಇಲ್ಲಿವೆ: 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 ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಲ್ಲಿ ನಾವು ಮೂಲಗಳು ಎಂದು ಕರೆಯುವವುಗಳನ್ನು ಹೊಂದಿವೆ. ನಿಮ್ಮ ಸ್ಟ್ರಿಂಗ್‌ಗಳು ಮತ್ತು ಅನುವಾದಗಳಿಗೆ ಇದು ಪ್ರವೇಶ ಬಿಂದುಗಳು, ಫೋಲ್ಡರ್‌ಗಳು ಅಥವಾ ಗುಂಪುಗಳಾಗಿ ಪರಿಗಣಿಸಿ.

import {TacoTranslate} from 'tacotranslate/react';

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

ಮೂಲಗಳು ನಿಮ್ಮ ಸ್ಟ್ರಿಂಗ್‌ಗಳನ್ನು ಅರ್ಥಪೂರ್ಣ ಕಂಟೈನರ್‌ಗಳಾಗಿ ವಿಭಜಿಸಲು ಸಹಾಯ ಮಾಡುತ್ತವೆ. ಉದಾಹರಣೆಗೆ, ನೀವು ಒಂದು ಮೂಲವನ್ನು ಬಳಸಿಕೊಂಡು ಡಾಕ್ಯುಮೆಂಟೇಶನ್‌ಗಾಗಿ ಮತ್ತು ಮತ್ತೊಂದು ನಿಮ್ಮ ಮಾರ್ಕೆಟಿಂಗ್ ಪುಟಕ್ಕಾಗಿ ಇರಿಸಿಕೊಳ್ಳಬಹುದು.

ಹೆಚ್ಚಿನ ಸೂಕ್ಷ್ಮ ನಿಯಂತ್ರಣಕ್ಕಾಗಿ, ನೀವು ಕಂಪೊನೆಂಟ್ ಮಟ್ಟದಲ್ಲಿ origins ಅನ್ನು ಹೊಂದಿಸಬಹುದು.

ಈನ್ನು ಸಾಧಿಸಲು, ನಿಮ್ಮ ಪ್ರಾಜೆಕ್ಟ್‌ನಲ್ಲಿ ಬಹು.Provider ಗಳನ್ನು ಬಳಸುವುದನ್ನು ಪರಿಗಣಿಸಿ.

ದಯವಿಟ್ಟು ಗಮನಿಸಿ, ಒಂದೇ 문자열ವು ವಿಭಿನ್ನ ಮೂಲಗಳಲ್ಲಿ ವಿಭಿನ್ನ ಅನುವಾದಗಳನ್ನು ಪಡೆಯಬಹುದು.

ಅಂತಿಮವಾಗಿ, ನೀವು ಸ್ಟ್ರಿಂಗ್ಗಳನ್ನು ಮೂಲಗಳಾಗಿ ಹೇಗೆ ವಿಭಜಿಸುವುದು ಎನ್ನುವುದನ್ನು ನೀವು ಮತ್ತು ನಿಮ್ಮ ಅಗತ್ಯಗಳು ನಿರ್ಧರಿಸುತ್ತವೆ. ಆದರೆ, ಒಂದು ಮೂಲದೊಳಗೆ ಬಹಳ ಸ್ಟ್ರಿಂಗ್ಗಳಿದ್ದರೆ ಲೋಡ್ ಸಮಯಗಳು ಹೆಚ್ಚಾಗಬಹುದು ಎಂದು ಗಮನಿಸಿ.

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}
		/>
	);
}

ಮೇಲಿನ ಉದಾಹರಣೆ ಸಾಮಾನ್ಯ ಪಠ್ಯದಂತೆ ಪ್ರದರ್ಶನಗೊಳ್ಳುತ್ತದೆ.

ಸೆರ್ವರ್-ಮೂಲಕ ರೆಂಡರಿಂಗ್