Globalization in Blazor RichTextEditor component

Localization

The Rich Text Editor provides an option to localize its strings; it is used for adapting the editor to a particular local language. By default, the editor will use the US English (en-US) as its language. Find the table with a list of keys and their corresponding values for the default language (en-US).

Use Resource file to translate the static text of the Rich Text Editor. The Resource file is an XML file which contains the strings(key and value pairs) that you want to translate into different language. You can also refer Localization link to know more about how to configure and use localization in the Blazor Server and WebAssembly project for Syncfusion Blazor components.

The following sample code block demonstrates that the Rich Text Editor control rendered with de-DE German language using the Locale property.

@using Syncfusion.Blazor
@using Syncfusion.Blazor.RichTextEditor
@using Microsoft.JSInterop;

<SfRichTextEditor Locale="de-DE">
    <p>The Rich Text Editor component is WYSIWYG ('what you see is what you get') editor that provides the best user experience to create and update the content. Users can format their content using standard toolbar commands.</p>
    <p><b> Key features:</b></p>
    <ul>
    <li><p> Provides <b>IFRAME</b> and <b>DIV</b> modes </p></li>
    <li><p> Capable of handling markdown editing.</p></li>
    <li><p> Contains a modular library to load the necessary functionality on demand.</p></li>
    <li><p> Provides a fully customizable toolbar.</p></li>
    <li><p> Provides HTML view to edit the source directly for developers.</p></li>
    <li><p> Supports third - party library integration.</p></li>
    </ul>
</SfRichTextEditor>

The output will be as follows.

RTL

Specifies the direction of the Rich Text Editor component using the EnableRtl property. For writing systems will require Arabic, Hebrew, and more. The direction can be switched to right-to-left.

@using Syncfusion.Blazor.RichTextEditor

<SfRichTextEditor EnableRtl="true" />

The output will be as follows.

EnableRtl property will not change based on Locale property.