Localization for Paragraph and Alignments toolbar

Question

Hi,Is there also a way to localize the values inside the paragraph and alignments toolbar? I've seen and checked the items available for localization and seems like it is not available there. Thanks.

Indrajith Srinivasan · Accepted Answer

Hi Cedric, 
 
Greetings from Syncfusion support, 
 
We have validated your reported queries. 
 
Query 1: “Is there also a way to localize the values inside the paragraph” 
 
Yes, you can apply the desired localization text for the text property in formats types collection. We have also prepared a sample that tries to meet you requirements.  
 
You can use your desired localization in the text property 
 




 
this.format = { 
      types: [ 
        { text: "Paragraph", value: "p", cssClass: "e-paragraph" }, 
        { text: "Code", value: "pre", cssClass: "e-code" }, 
        { text: "Quotation", value: "blockquote", cssClass: "e-quote" }, 
        { text: "Heading 1", value: "h1", cssClass: "e-h1" }, 
        { text: "Heading 2", value: "h2", cssClass: "e-h2" }, 
        { text: "Heading 3", value: "h3", cssClass: "e-h3" }, 
        { text: "Heading 4", value: "h4", cssClass: "e-h4" }, 
        { text: "Heading 5", value: "h5", cssClass: "e-h5" }, 
        { text: "Heading 6", value: "h6", cssClass: "e-h6" } 
      ] 
    }; 
 
Sample: https://stackblitz.com/edit/react-rcdarc-prnybq?file=index.js  
 
Query 2: “Is there also a way to localize the values inside alignments toolbar?” 
 
Yes, you can add localization text for the Alignment toolbar items by binding the L10 locale text for corresponding cultures. Refer the above sample for referece. 
 




 
L10n.load({ 
  "de-DE": { 
    "richtexteditor": { 
      justifyCenter: "Text-Zentrum", 
      justifyFull: "rechtfertigen", 
      justifyLeft: "Ausrichten von Text links", 
      justifyRight: "Ausrichten von Text rechts" 
    } 
  } 
}); 
 
<RichTextEditorComponent   locale={"de-DE"}     /> 
  
Documentation: https://ej2.syncfusion.com/react/documentation/rich-text-editor/globalization/#localization  
 
Please let us know if the solution helps, 
 
Regards, 
Indrajith

Cedric E · Answer

Hi,Changing the text values inside the format.type property works. However, for the alignments it only changes the tooltip not its value.Thank you.

Indrajith Srinivasan · Answer

Hi Cedric, Good day to you, 
 
You can’t customize the Alignments options like the Formatting options toolbar. You can only define the tooltip text, based on the localization text of your need.  
 
Regards, 
Indrajith