Support Article

French translation for RTE control not happening

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 CKEditorJavaScript, 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 CKEditorwebsite.
 
To get the translations from CKEditorwebsite(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 langjs file in the folder and replace it appropriately in pypega_ckeditor_lang_extnjs in place of the commented template.
 
Note: Configure required locale for operator.
 
This will resolve the issue with RTE control.
     

Published January 6, 2017 - Updated January 23, 2017


100% found this useful

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.