SA-32207

Summary

French translation not happening for Rich Text Editor (RTE) control. User has installed PEGA French Language package.

Error Messages

Text are appearing in English for various options in RTE control than French.
 

Steps to Reproduce

Pre-requisites

Install French Language Pack and run translation wizard.

Design 

1. Configure a section with RTE control. 
2. Add the above section in a flow and execute the flow to render the RTE control. 

Run Time Steps 

3a. Hover over various available options in the RTE control like "Bold,Italic,Underline,Color pick,Check Spelling,Resize the arrow of the RTE control" .

3b. Observe that the tool tip for above options are appearing in English. 

Root Cause

A third-party product issue, 

CKEditor is the RichTextEditor that is provided as OOTB in PRPC.
 
Since the CKEditor markup is built on client by the third party CKEditor JavaScript, CKEditor UI translations are done in a different manner.
 

Resolution

Following are the steps to follow to translate CKEditor UI from Pega 7.2.1:
 
1. SaveAs the Available rule "pypega_ckeditor_lang_extn" js.
 
 2. Add your own language entry with the following format (complete format within comments in the JS file), kindly refer below :

        /*  
            CKEDITOR.lang['en'] = { 
             undo :  
               { 
                redo : 'Redo', 
                undo : 'Undo'
                }
              };
          */  

 
3. Replace the English values with corresponding translations.
 
      For example if the locale is German it would be something like below:

        CKEDITOR.lang['de'] = { 
            undo :  
            {
                 redo : '<FrenchText>',  
                 undo : '<FrenchText>'  
            },  
        };  

 
Users can either write up their own translations or get it ready from the CKEditor website.
 
To get the translations from CKEditor website(http://ckeditor.com/builder) use the following steps:
 
1. Select standard preset.
2. Add appropriate editor languages.
3. Download "optimized" version of the CKEditor.
4. After extracting the downloaded zip file, go to the "lang" folder inside it.
5 Open the necessary lang js file in the folder and replace it appropriately in pypega_ckeditor_lang_extn js in place of the commented template.
 
Note: Configure required locale for operator.
 
This will resolve the issue with RTE control.