Globalization in React Pdfviewer component

16 May 202324 minutes to read

The text contents provided in the PDF Viewer can be localized using the collection of localized strings for different cultures. By default, the PDF Viewer is localized in “en-US”.

The following table shows the default text values used in PDF Viewer in ‘en-US’ culture:

Keywords Values  
PdfViewer PDF Viewer  
Cancel Cancel  
Download file Download file  
Download Download  
Enter Password This document is password protected. Please enter a password.  
File Corrupted File corrupted  
File Corrupted Content The file is corrupted and cannot be opened.  
Fit Page Fit page  
Fit Width Fit width  
Automatic Automatic  
Go To First Page Show first page  
Invalid Password Incorrect password. Please try again.  
Next Page Show next page  
Open Open file  
Page Number Current page number  
Previous Page Show previous page  
Go To Last Page Show last page  
Zoom Zoom  
Zoom In Zoom in  
Zoom Out Zoom out  
Page Thumbnails Page thumbnails  
Bookmarks Bookmarks  
Print Print file  
Password Protected Password required  
Copy Copy  
Text Selection Text selection tool  
Panning Pan mode  
Text Search Find text  
Find in document Find in document  
Match case Match case  
Apply Apply  
GoToPage Go to page  
No matches Viewer has finished searching the document. No more matches were found  
No Text Found No Text Found  
Undo Undo  
Redo Redo  
Annotation Add or Edit annotations  
FormDesigner Add and Edit Form Fields  
Highlight Highlight Text  
Underline Underline Text  
Strikethrough Strikethrough Text  
Delete Delete annotation  
Opacity Opacity  
Color edit Change Color  
Opacity edit Change Opacity  
Highlight context Highlight  
Underline context Underline  
Strikethrough context Strike through  
Server error Web-service is not listening. PDF Viewer depends on web-service for all it s features. Please start the web service to continue.
Client error Client-side error is found. Please check the custom headers provided in the AjaxRequestSettings property and web action methods in the ServerActionSettings property.  
Open text Open  
First text First Page  
Previous text Previous Page  
Next text Next Page  
Last text Last Page  
Zoom in text Zoom In  
Zoom out text Zoom Out  
Selection text Selection  
Pan text Pan  
Print text Print  
Search text Search  
Annotation Edit text Edit Annotation Please start the web service to continue.
FormDesigner Edit text Add and Edit Form Fields  
Line Thickness Line Thickness  
Line Properties Line Properties  
Start Arrow Start Arrow  
End Arrow End Arrow  
Line Style Line Style  
Fill Color Fill Color  
Line Color Line Color  
None None  
Open Arrow Open  
Closed Arrow Closed  
Round Arrow Round  
Square Arrow Square  
Diamond Arrow Diamond  
Butt Butt  
Cut Cut  
Paste Paste  
Delete Context Delete  
Properties Properties  
Add Stamp Add Stamp  
Add Shapes Add Shapes  
Stroke edit Change Stroke Color  
Change thickness Change Border Thickness  
Add line Add Line  
Add arrow Add Arrow  
Add rectangle Add Rectangle  
Add circle Add Circle  
Add polygon Add Polygon  
Add Comments Add Comments  
Comments Comments  
SubmitForm Submit Form  
No Comments Yet No Comments Yet  
Accepted Accepted  
Completed Completed  
Cancelled Cancelled  
Rejected Rejected  
Leader Length Leader Length  
Scale Ratio Scale Ratio  
Calibrate Calibrate  
Calibrate Distance Calibrate Distance  
Calibrate Perimeter Calibrate Perimeter  
Calibrate Area Calibrate Area  
Calibrate Radius Calibrate Radius  
Calibrate Volume Calibrate Volume  
Depth Depth  
Closed Closed  
Round Round  
Square Square  
Diamond Diamond  
Edit Edit  
Comment Comment  
Comment Panel Comment Panel  
Set Status Set Status  
Post Post  
Page Page  
Add a comment Add a comment  
Add a reply Add a reply  
Import Annotations Import annotations from JSON file  
Export Annotations Export annotation to JSON file  
Export XFDF Export annotation to XFDF file  
Import XFDF Import annotations from XFDF file  
Add Add  
Clear Clear  
Bold Bold  
Italic Italic  
Strikethroughs Strikethrough  
Underlines Underline  
Superscript Superscript  
Subscript Subscript  
Align left Align Left  
Align right Align Right  
Center Center  
Justify Justify  
Font color Font Color  
Text Align Text Align  
Text Properties Font Style  
SignatureFieldDialogHeaderText Add Signature  
HandwrittenSignatureDialogHeaderText Add Signature  
InitialFieldDialogHeaderText Add Initial  
HandwrittenInitialDialogHeaderText Add Initial  
Draw Ink Draw Ink  
Create Create  
Font family Font Family  
Font size Font Size  
Free Text Free Text  
Import Failed Invalid JSON file type or file name; please select a valid JSON file  
File not found Imported JSON file is not found in the desired location  
Export Failed Export annotations action has failed; please ensure annotations are added properly  
of of  
Dynamic Dynamic  
Standard Business Standard Business  
Sign Here Sign Here  
Custom Stamp Custom Stamp  
Enter Signature as Name Enter your name  
Draw-hand Signature DRAW  
Type Signature TYPE  
Upload Signature UPLOAD  
Browse Signature Image BROWSE  
Save Signature Save Signature  
Save Initial Save Initial  
Textbox Textbox  
Password Password  
Check Box Checkbox  
Radio Button Radio Button  
Dropdown Drop Down  
List Box List Box  
Signature Signature  
Delete FormField Delete Form Field  
Textbox Properties Textbox Properties  
Name Name  
Tooltip Tooltip  
Value Value  
Form Field Visibility Form Field Visibility  
Read Only Read Only  
Required Required  
Checked Checked  
Show Printing Show Printing  
Formatting Format  
Fill Fill  
Border Border  
Border Color Border Color  
Thickness Thickness  
Max Length Max Length  
List Item Item Name  
Export Value Item Value  
Dropdown Item List Dropdown Item List  
List Box Item List List Box Item List  
General GENERAL  
Appearance APPEARANCE  
Options OPTIONS  
Delete Item Delete  
Up Up  
Down Down  
Multiline Multiline  
Revised Revised  
Reviewed Reviewed  
Received Received  
Confidential Confidential  
Approved Approved  
Not Approved Not Approved  
Witness Witness  
Initial Here Initial Here  
Draft Draft  
Final Final  
For Public Release For Public Release  
Not For Public Release Not For Public Release  
For Comment For Comment  
Void Void  
Preliminary Results Preliminary Results  
Information Only Information Only  
in in  
m m  
ft_in ft_in  
ft ft  
p p  
cm cm  
mm mm  
pt pt  
cu cu  
sq sq  
Initial Initial  

The different locale value for the PDF Viewer can be specified using the locale property.

import * as ReactDOM from 'react-dom';
import * as React from 'react';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView,
         ThumbnailView, Print, TextSelection, TextSearch, Annotation, FormDesigner, FormFields, Inject } from '@syncfusion/ej2-react-pdfviewer';
import {L10n} from '@syncfusion/ej2-base';

//PDF Viewer Arabic Sample Locale
    'ar-AE': {
        'PdfViewer' : {
          'PdfViewer': 'قوات الدفاع الشعبي المشاهد',
          'Cancel': 'إلغاء',
          'Download file': 'تحميل الملف',
          'Download': 'تحميل',
          'Enter Password': 'هذا المستند محمي بكلمة مرور. يرجى إدخال كلمة مرور.',
          'File Corrupted': 'ملف تالف',
          'File Corrupted Content': 'الملف تالف ولا يمكن فتحه.',
          'Fit Page': 'لائق بدنيا الصفحة',
          'Fit Width': 'لائق بدنيا عرض',
          'Automatic': 'تلقائي',
          'Go To First Page': 'عرض الصفحة الأولى',
          'Invalid Password': 'كلمة سر خاطئة. حاول مرة اخرى.',
          'Next Page': 'عرض الصفحة التالية',
          'OK': 'حسنا',
          'Open': 'فتح الملف',
          'Page Number': 'رقم الصفحة الحالية',
          'Previous Page': 'عرض الصفحة السابقة',
          'Go To Last Page': 'عرض الصفحة الأخيرة',
          'Zoom': 'تكبير',
          'Zoom In': 'تكبير في',
          'Zoom Out': 'تكبير خارج',
          'Page Thumbnails': 'مصغرات الصفحة',
          'Bookmarks': 'المرجعية',
          'Print': 'اطبع الملف',
          'Password Protected': 'كلمة المرور مطلوبة',
          'Copy': 'نسخ',
          'Text Selection': 'أداة اختيار النص',
          'Panning': 'وضع عموم',
          'Text Search': 'بحث عن نص',
          'Find in document': 'ابحث في المستند',
          'Match case': 'حالة مباراة',
          'Apply': 'تطبيق',
          'GoToPage': 'انتقل إلى صفحة',
          'No matches': 'انتهى العارض من البحث في المستند. لم يتم العثور على مزيد من التطابقات',
          'No Text Found': 'لم يتم العثور على نص',
          'Undo': 'فك',
          'Redo': 'فعل ثانية',
          'Annotation': 'إضافة أو تعديل التعليقات التوضيحية',
          'Highlight': 'تسليط الضوء على النص',
          'Underline': 'تسطير النص',
          'Strikethrough': 'نص يتوسطه خط',
          'Delete': 'حذف التعليق التوضيحي',
          'Opacity': 'غموض',
          'Color edit': 'غير اللون',
          'Opacity edit': 'تغيير التعتيم',
          'highlight': 'تسليط الضوء',
          'underline': 'أكد',
          'strikethrough': 'يتوسطه',
          // tslint:disable-next-line:max-line-length
          'Server error': 'خدمة الانترنت لا يستمع. يعتمد قوات الدفاع الشعبي المشاهد على خدمة الويب لجميع ميزاته. يرجى بدء خدمة الويب للمتابعة.',
          'Open text': 'افتح',
          'First text': 'الصفحة الأولى',
          'Previous text': 'الصفحة السابقة',
          'Next text': 'الصفحة التالية',
          'Last text': 'آخر صفحة',
          'Zoom in text': 'تكبير',
          'Zoom out text': 'تصغير',
          'Selection text': 'اختيار',
          'Pan text': 'مقلاة',
          'Print text': 'طباعة',
          'Seach text': 'بحث',
          'Annotation Edit text': 'تحرير التعليق التوضيحي',
          'Line Thickness': 'سمك الخط',
          'Line Properties': 'خط الخصائص',
          'Start Arrow': 'ابدأ السهم',
          'End Arrow': 'نهاية السهم',
          'Line Style': 'أسلوب الخط',
          'Fill Color': 'ملء اللون',
          'Line Color': ' الخط اللون',
          'None': 'لا شيء',
          'Open Arrow': 'افتح',
          'Closed Arrow': 'مغلق',
          'Round Arrow': 'مستدير',
          'Square Arrow': 'مربع',
          'Diamond Arrow': 'الماس',
          'Cut': 'يقطع',
          'Paste': 'معجون',
          'Delete Context': 'حذف',
          'Properties': 'الخصائص',
          'Add Stamp': 'إضافة الطوابع',
          'Add Shapes': 'أضف الأشكال',
          'Stroke edit': 'تغيير لون السكتة الدماغية',
          'Change thickness': 'تغيير سمك الحدود',
          'Add line': 'إضافة خط',
          'Add arrow': 'سهم إضافة',
          'Add rectangle': 'أضف مستطيل',
          'Add circle': 'إضافة دائرة',
          'Add polygon': 'أضف مضلع',
          'Add Comments': 'أضف تعليقات',
          'Comments': 'تعليقات',
          'No Comments Yet': 'لا توجد تعليقات حتى الآن',
          'Accepted': 'وافقت',
          'Completed': 'منجز',
          'Cancelled': 'ألغيت',
          'Rejected': 'مرفوض',
          'Leader Length': 'زعيم الطول',
          'Scale Ratio': 'نسبة مقياس',
          'Calibrate': 'عاير',
          'Calibrate Distance': 'معايرة المسافة',
          'Calibrate Perimeter': 'معايرة محيط',
          'Calibrate Area': 'عاير منطقة',
          'Calibrate Radius': 'معايرة نصف القطر',
          'Calibrate Volume': 'معايرة الحجم',
          'Depth': 'عمق',
          'Closed': 'مغلق',
          'Round': 'مستدير',
          'Square': 'ميدان',
          'Diamond': 'الماس',
          'Edit': 'تصحيح',
          'Comment': 'تعليقات',
          'Comment Panel': 'لوحة التعليقات',
          'Set Status': 'تعيين الحالة',
          'Post': 'بريد',
          'Page': 'صفحة',
          'Add a comment': 'أضف تعليق',
          'Add a reply': 'أضف رد',
          'Import Annotations': 'استيراد التعليقات التوضيحية',
          'Export Annotations': 'شروح التصدير',
          'Add': 'أضف',
          'Clear': 'واضح',
          'Bold': 'بالخط العريض',
          'Italic': 'مائل',
          'Strikethroughs': 'يتوسطه',
          'Underlines': 'تحت الخط',
          'Superscript': 'حرف فوقي',
          'Subscript': 'الفرعية النصي',
          'Align left': 'محاذاة اليسار',
          'Align right': 'محاذاة اليمين',
          'Center': 'مركز',
          'Justify': 'برر',
          'Font color': 'لون الخط',
          'Text Align': 'محاذاة النص',
          'Text Properties': 'نوع الخط',
          'Draw Signature': 'ارسم التوقيع',
          'Create': 'خلق',
          'Font family': 'خط العائلة',
          'Font size': 'حجم الخط',
          'Free Text': 'نص حر',
          'Import Failed': 'نوع ملف سلمان أو اسم الملف غير صالح ؛ يرجى تحديد ملف سلمانصالح',
          'File not found': 'لم يتم العثور على ملف سلمان المستورد في الموقع المطلوب',
          'Export Failed': 'شل إجراء تصدير التعليقات التوضيحية ؛ يرجى التأكد من إضافة التعليقات التوضيحية بشكل صحيح',
          'Dynamic': 'متحرك',
          'Standard Business': 'الأعمال القياسية',
          'Sign Here': 'وقع هنا',
          'Custom Stamp': 'ختم مخصص',
          'InitialFieldDialogHeaderText': 'إضافة الأولية',
          'HandwrittenInitialDialogHeaderText': 'إضافة الأولية',
          'SignatureFieldDialogHeaderText': 'أضف التوقيع',
          'HandwrittenSignatureDialogHeaderText': 'أضف التوقيع',
          'Draw-hand Signature': 'يرسم',
          'Type Signature': 'نوع',
          'Upload Signature': 'تحميل',
          'Browse Signature Image': 'تصفح',
          'Save Signature': 'احفظ التوقيع',
          'Save Initial': 'حفظ الأولي',
          'Highlight context': 'تسليط الضوء',
          'Underline context': 'تسطير',
          'Strikethrough context': 'يتوسطه خط',
          'FormDesigner': 'إضافة وتحرير حقل النموذج',
          'SubmitForm': 'تقديم النموذج',
          'Search text': 'بحث',
          'Draw Ink': 'ارسم الحبر',
          'Revised': 'مراجعة',
          'Reviewed': 'تمت المراجعة',
          'Received': 'تم الاستلام',
          'Confidential': 'مؤتمن',
          'Approved': 'وافق',
          'Not Approved': 'غير مقبول',
          'Witness': 'الشاهد',
          'Initial Here': 'المبدئي هنا',
          'Draft': 'مشروع',
          'Final': 'أخير',
          'For Public Release': 'للنشر العام',
          'Not For Public Release': 'ليس للنشر العام',
          'For Comment': 'للتعليق',
          'Void': 'فارغ',
          'Preliminary Results': 'نتائج اولية',
          'Information Only': 'المعلومات فقط',
          'Enter Signature as Name': 'أدخل أسمك',
          'Textbox': 'مربع الكتابة',
          'Password': 'كلمه السر',
          'Check Box': 'خانة اختيار',
          'Radio Button': 'زر الراديو',
          'Dropdown': 'اسقاط',
          'List Box': 'مربع القائمة',
          'Signature': 'إمضاء',
          'Delete FormField': 'حذف حقل النموذج',
          'FormDesigner Edit text': 'إضافة وتحرير حقل النموذج',
          'in': 'في',
          'm': 'م',
          'ft_in': 'قدم',
          'ft': 'قدم',
          'p': 'ص',
          'cm': 'سم',
          'mm': 'مم',
          'pt': 'نقطة',
          'cu': 'مكعب',
          'sq': 'قدم مربع',
          'General': 'جنرال لواء',
          'Appearance': 'مظهر خارجي',
          'Options': 'والخيارات',
          'Textbox Properties': 'خصائص مربع النص',
          'Name': 'اسم',
          'Tooltip': 'تلميح',
          'Value': 'القيمة',
          'Form Field Visibility': 'رؤية حقل النموذج',
          'Read Only': 'يقرأ فقط',
          'Required': 'مطلوب',
          'Checked': 'التحقق',
          'Show Printing': 'عرض الطباعة',
          'Formatting': 'صيغة',
          'Fill': 'يملأ',
          'Border': 'الحدود',
          'Border Color': 'لون الحدود',
          'Thickness': 'السماكة',
          'Max Length': 'الحد الاقصى للطول',
          'List Item': 'اسم العنصر',
          'Export Value': 'قيمة البند',
          'Dropdown Item List': 'قائمة العناصر المنسدلة',
          'List Box Item List': 'قائمة عناصر مربع القائمة',
          'Delete Item': 'حذف',
          'Up': 'فوق',
          'Down': 'تحت',
          'Multiline': 'متعدد الأسطر',
          'Initial': 'أولي',
          'Export XFDF': 'تصدير التعليق التوضيحي إلى ملف XFDF',
          'Import XFDF': 'استيراد التعليقات التوضيحية من ملف XFDF'

function App() {
  return ( <div>
    <div className='control-section'>
       {/* Render the PDF Viewer */}
          style={{ 'height': '640px' }}>
                  <Inject services={[ Toolbar, Annotation, Magnification, Navigation, LinkAnnotation, BookmarkView, 
                                      ThumbnailView, Print, TextSelection, TextSearch, FormDesigner, FormFields ]} />
const root = ReactDOM.createRoot(document.getElementById('sample'));
root.render(<App />);