ದ್ರವ್ಯಪಟ್ಟಿ: TacoTranslate ಬಳಕೆ

TacoTranslate ಬಳಸಿ

Kannada

ಸ್ಟ್ರಿಂಗ್‌ಗಳನ್ನು ಅನುವಾದಿಸುವುದು

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

import {TacoTranslate} from 'tacotranslate/react';

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

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

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

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

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

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

ಚರಗಳನ್ನು ನಿರ್ವಹಿಸುವುದು

ನೀವು ಬಳಕೆದಾರರ ಹೆಸರುಗಳು, ದಿನಾಂಕಗಳು, ಇ-ಮೇಲ್ ವಿಳಾಸಗಳು ಮತ್ತು ಇನ್ನಷ್ಟುಂತಹ ಡೈನಾಮಿಕ್ ವಿಷಯಗಳಿಗೆ 항상 ಚರಗಳನ್ನು ಬಳಸಬೇಕು.

ಸ್ಟ್ರಿಂಗ್‌ಗಳಲ್ಲಿ ವೇರಿಯಬಲ್ಗಳು ಜೋಡಿನಾಕಾರದ ಕೋಷ್ಟಕಗಳನ್ನು ಬಳಸಿ ಘೋಷಿಸಲಾಗಿವೆ, ಉದಾಹರಣೆಗೆ {{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}
		/>
	);
}

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

ಸರ್ವರ್-ಬದಿಯ ರೆಂಡರಿಂಗ್