Configure the user interface language for the PDF Web Viewer. The index.ILanguageConfig interface allows you to localize the application for different regions.
Set the UI language using language codes based on the index.LanguageCode type.
Change the interface language:
import { PdfEditor } from '@avanquest/pdf-web-viewer';
const editor = await PdfEditor({
license: 'YOUR_LICENSE_KEY',
container: document.getElementById('pdf-container'),
languageConfig: {
code: 'fr', // French
},
});
The following language codes are supported:
type LanguageCode = 'de' | 'en' | 'es' | 'fr' | 'it' | 'ja' | 'pt' | 'ru' | 'ua';
Available languages:
'de' - German (Deutsch)'en' - English (default)'es' - Spanish (Español)'fr' - French (Français)'it' - Italian (Italiano)'ja' - Japanese (日本語)'pt' - Portuguese (Português)'ru' - Russian (Русский)'ua' - Ukrainian (Українська)Change language after initialization:
const viewer = editor.ui.pdfWebElement;
// Switch to Ukrainian
viewer.setLanguage({
code: 'ua',
});
// Switch to German
viewer.setLanguage({
code: 'de',
});
import { PdfEditor, LanguageCode } from '@avanquest/pdf-web-viewer';
const editor = await PdfEditor({
license: 'YOUR_LICENSE_KEY',
container: document.getElementById('pdf-container'),
languageConfig: {
code: 'en',
},
});
const viewer = editor.ui.pdfWebElement;
// Language switcher handler
function changeLanguage(languageCode: LanguageCode) {
viewer.setLanguage({ code: languageCode });
// Save preference
localStorage.setItem('preferredLanguage', languageCode);
}
// Restore saved language on page load
const savedLanguage = localStorage.getItem('preferredLanguage') as LanguageCode;
if (savedLanguage) {
viewer.setLanguage({ code: savedLanguage });
}