Comprehensive Guide for Developers: UI & SDK Integration, Configuration, and API Reference
Configure the user interface language for the PDF Web SDK. The ui.ILanguageConfig interface allows you to localize the application for different regions.
Set the UI language using language codes based on the ui.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' | 'ko' | 'pt' | 'ru' | 'ua';
Available languages:
'de' - German (Deutsch)'en' - English (default)'es' - Spanish (Español)'fr' - French (Français)'it' - Italian (Italiano)'ja' - Japanese (日本語)'ko' - Korean (한국어)'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 });
}