ಡಾಕ್ಯുമೆಂಟೇಶನ್: TacoTranslate ಬಳಕೆ

TacoTranslate ಬಳಕೆ

Kannada

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

ಈಗಾಗಲೇ ಹ:str_translateೀ ತಂತ್ರಗಳು ಮೂರುಿವೆ: Translate ಘಟಕ, useTranslation ಹೂಕ್, ಅಥವಾ translateEntries ಯೂಟಿಲಿಟಿ.

Translate ಘಟಕವನ್ನು ಬಳಸುವುದು.
Translatesಗಳು span ಅಂಶದಲ್ಲಿ ಹೊರಹೊಮ್ಮುತ್ತದೆ, ಮತ್ತು HTML ರೆಂಡರಿಂಗ್ ಅನ್ನು ಬೆಂಬಲಿಸುತ್ತದೆ.

import {Translate} from 'tacotranslate/react';

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

ನೀವು ಉದಾಹರಣೆಗೆ, ಘಟಕದ ಮೇಲೆ as="p" ಬಳಸಿಕೊಂಡು ಮೂಲಭೂತ ಪ್ರಕಾರವನ್ನು ಬದಲಾಯಿಸಬಹುದು.

useTranslation hukanna upayogisuvudu.
ಇದು ಭಾಷಾಂತರಗಳನ್ನು ಸರಳ 문자열ವಾಗಿ ಹಿಂದಿರುಗಿಸುತ್ತದೆ. ಉದಾಹರಣೆಗೆ, 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)
	};
}

strings ಗಳನ್ನು ಹೇಗೆ ಅನುವಾದಿಸಲಾಗುತ್ತದೆ

ಸ್ಟ್ರಿಂಗ್‌ಗಳು ನಮ್ಮ ಸರ್ವರ್‌ಗಳಿಗೆ ತಲುಪುವಾಗ, ನಾವು ಮೊದಲು ಅವುಗಳನ್ನು ಪರಿಶೀಲಿಸಿ ಉಳಿಸಿ, ನಂತರ ತಕ್ಷಣ ಯಂತ್ರ ಭಾಷಾಂತರವನ್ನು 반환ಿಸುತ್ತೇವೆ. ಯಂತ್ರ ಭಾಷಾಂತರಗಳು ಸಾಮಾನ್ಯವಾಗಿ ನಮ್ಮ AI ಭಾಷಾಂತರಗಳಿಗಿಂತ ಕಡಿಮೆ ಗುಣಮಟ್ಟದವಾಗಿದ್ದರೂ, ಅವು ತ್ವರಿತ ಪ್ರಾಥಮಿಕ ಪ್ರತಿಕ್ರಿಯೆಯನ್ನು ಒದಗಿಸುತ್ತವೆ.

ಒಂದೇ ಸಮಯದಲ್ಲಿ, ನಾವು ನಿಮ್ಮ ಸ್ಟ್ರಿಂಗ್‌ಗಾಗಿ ಉನ್ನತ-ಗುಣಮಟ್ಟದ, ಸಂಪೂರ್ಣ ಆಧುನಿಕ AI ಅನುವಾದವನ್ನು ರಚಿಸಲು ಅಸಿಂಕ್ರೋನಸ್ ಅನುವಾದ ಕೆಲಸವನ್ನು ಪ್ರಾರಂಭಿಸುತ್ತೇವೆ. AI ಅನುವಾದ ಸಿದ್ಧವಾದಾಗ, ಅದು ಯಂತ್ರ ಅನುವಾದವನ್ನು ಬದಲಾಯಿಸಿ ನೀವು ನಿಮ್ಮ ಸ್ಟ್ರಿಂಗ್‌ಗಳಿಗಾಗಿ ಅನುವಾದಗಳನ್ನು ವಿನಂತಿಸಿದಾಗ ಕಳುಹಿಸಲಾಗುತ್ತದೆ.

ನೀವು ಕೈಯಿಂದ ಒಂದು ಸ್ಟ್ರಿಂಗ್ ಅನ್ನು ಅನುವಾದಿಸಿದರೆ, ಆ ಅನುವಾದಗಳಿಗೆ ಆದ್ಯತೆ ಇರುತ್ತದೆ ಮತ್ತು ಬದಲಾಗಿ ಅವುವೇ ಮರಳಿಸಲಾಗುತ್ತದೆ.

ಮೂಲಗಳನ್ನು ಬಳಸಿಕೊಳ್ಳುವುದು

TacoTranslate ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಲ್ಲಿ ನಾವು ಮೂಲಗಳು ಎಂದು ಕರೆಯುವವುಗಳಿವೆ. ಅವುಗಳನ್ನು ನಿಮ್ಮ ಸ್ಟ್ರಿಂಗ್‌ಗಳು ಮತ್ತು ಭಾಷಾಂತರಗಳಿಗಾಗಿ ಪ್ರವೇಶ ಬಿಂದುಗಳು, ಫೋಲ್ಡರ್‌ಗಳು ಅಥವಾ ಗುಂಪುಗಳಾಗಿ ಅರ್ಥಮಾಡಿಕೊಳ್ಳಿ.

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

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

ಸರ್ವರ್-ಪಾರ್ಶ್ವ ರೆಂಡರಿಂಗ್