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 referLocalization
link to know more about how to configure and use localization in the Blazor Server and WebAssembly project for Syncfusion Blazor components.
Locale key | en-US (default) |
---|---|
RichTextEditor_Alignments | Alignments |
RichTextEditor_JustifyLeft | Align Left |
RichTextEditor_JustifyCenter | Align Center |
RichTextEditor_JustifyRight | Align Right |
RichTextEditor_JustifyFull | Align Justify |
RichTextEditor_FontName | Font Name |
RichTextEditor_FontColor | Font Color |
RichTextEditor_BackgroundColor | Background Color |
RichTextEditor_Bold | Bold |
RichTextEditor_Italic | Italic |
RichTextEditor_Underline | Underline |
RichTextEditor_Strikethrough | Strikethrough |
RichTextEditor_ClearFormat | Clear Format |
RichTextEditor_ClearAll | Clear All |
RichTextEditor_Cut | Cut |
RichTextEditor_Copy | Copy |
RichTextEditor_Paste | Paste |
RichTextEditor_UnorderedList | Bulleted List |
RichTextEditor_OrderedList | Numbered List |
RichTextEditor_Indent | Increase Indent |
RichTextEditor_Outdent | Decrease Indent |
RichTextEditor_Undo | Undo |
RichTextEditor_Redo | Redo |
RichTextEditor_Superscript | Superscript |
RichTextEditor_Subscript | Subscript |
RichTextEditor_CreateLink | Insert Link |
RichTextEditor_OpenLink | Open Link |
RichTextEditor_EditLink | Edit Link |
RichTextEditor_RemoveLink | Remove Link |
RichTextEditor_Image | Insert Image |
RichTextEditor_Replace | Replace |
RichTextEditor_Align | Align |
RichTextEditor_Caption | Image Caption |
RichTextEditor_Remove | Remove |
RichTextEditor_InsertLink | Insert Link |
RichTextEditor_Display | Display |
RichTextEditor_AltText | Alternative Text |
RichTextEditor_Dimension | Change Size |
RichTextEditor_Fullscreen | Maximize |
RichTextEditor_Maximize | RichTextEditor_Maximize |
RichTextEditor_Minimize | Minimize |
RichTextEditor_LowerCase | Lower Case |
RichTextEditor_UpperCase | Upper Case |
RichTextEditor_Print | |
RichTextEditor_Formats | Formats |
RichTextEditor_Sourcecode | Code View |
RichTextEditor_Preview | Preview |
RichTextEditor_Viewside | ViewSide |
RichTextEditor_InsertCode | Insert Code |
RichTextEditor_LinkText | Display Text |
RichTextEditor_LinkTooltipLabel | Title |
RichTextEditor_LinkWebUrl | Web Address |
RichTextEditor_LinkTitle | Enter a title |
RichTextEditor_LinkUrl | http://example.com |
RichTextEditor_LinkOpenInNewWindow | Open Link in New Window |
RichTextEditor_LinkHeader | Insert Link |
RichTextEditor_DialogInsert | Insert |
RichTextEditor_DialogCancel | Cancel |
RichTextEditor_DialogUpdate | Update |
RichTextEditor_ImageHeader | Insert Image |
RichTextEditor_ImageLinkHeader | You can also provide a link from the web |
RichTextEditor_MdImageLink | Please provide a URL for your image |
RichTextEditor_ImageUploadMessage | Drop image here or browse to upload |
RichTextEditor_ImageDeviceUploadMessage | Click here to upload |
RichTextEditor_ImageAlternateText | Alternate Text |
RichTextEditor_Browse | Browse |
RichTextEditor_ImageUrl | http://example.com/image.png |
RichTextEditor_ImageCaption | Caption |
RichTextEditor_ImageSizeHeader | Image Size |
RichTextEditor_ImageHeight | Height |
RichTextEditor_ImageWidth | Width |
RichTextEditor_TextPlaceholder | Enter Text |
RichTextEditor_InsertTableBtn | Insert Table |
RichTextEditor_TableDialogHeader | Insert Table |
RichTextEditor_TableWidth | Width |
RichTextEditor_Cellpadding | Cell Padding |
RichTextEditor_Cellspacing | Cell Spacing |
RichTextEditor_Columns | Number of columns |
RichTextEditor_Rows | Number of rows |
RichTextEditor_TableRows | Table Rows |
RichTextEditor_TableColumns | Table Columns |
RichTextEditor_TableCellHorizontalAlign | Table Cell Horizontal Align |
RichTextEditor_TableCellVerticalAlign | Table Cell Vertical Align |
RichTextEditor_CreateTable | Create Table |
RichTextEditor_RemoveTable | Remove Table |
RichTextEditor_TableHeader | Table Header |
RichTextEditor_TableRemove | Table Remove |
RichTextEditor_TableCellBackground | Table Cell Background |
RichTextEditor_TableEditProperties | Table Edit Properties |
RichTextEditor_Styles | Styles |
RichTextEditor_InsertColumnLeft | Insert Column Left |
RichTextEditor_InsertColumnRight | Insert Column Right |
RichTextEditor_DeleteColumn | Delete Column |
RichTextEditor_InsertRowBefore | Insert Row Before |
RichTextEditor_InsertRowAfter | Insert Row After |
RichTextEditor_DeleteRow | Delete Row |
RichTextEditor_TableEditHeader | Edit Table |
RichTextEditor_TableHeadingText | Heading |
RichTextEditor_TableColText | Col |
RichTextEditor_ImageInsertLinkHeader | Insert Link |
RichTextEditor_EditImageHeader | Edit Image |
RichTextEditor_AlignmentsDropDownLeft | Align Left |
RichTextEditor_AlignmentsDropDownCenter | Align Center |
RichTextEditor_AlignmentsDropDownRight | Align Right |
RichTextEditor_AlignmentsDropDownJustify | Align Justify |
RichTextEditor_ImageDisplayDropDownInline | Inline |
RichTextEditor_ImageDisplayDropDownBreak | Break |
RichTextEditor_TableInsertRowDropDownBefore | Insert row before |
RichTextEditor_TableInsertRowDropDownAfter | Insert row after |
RichTextEditor_TableInsertRowDropDownDelete | Delete row |
RichTextEditor_TableInsertColumnDropDownLeft | Insert column left |
RichTextEditor_TableInsertColumnDropDownRight | Insert column right |
RichTextEditor_TableInsertColumnDropDownDelete | Delete column |
RichTextEditor_TableVerticalAlignDropDownTop | Align Top |
RichTextEditor_TableVerticalAlignDropDownMiddle | Align Middle |
RichTextEditor_TableVerticalAlignDropDownBottom | Align Bottom |
RichTextEditor_TableStylesDropDownDashedBorder | Dashed Borders |
RichTextEditor_TableStylesDropDownAlternateRows | Alternate Rows |
RichTextEditor_PasteFormat | Paste Format |
RichTextEditor_PasteFormatContent | Choose the formatting action |
RichTextEditor_PlainText | Plain Text |
RichTextEditor_CleanFormat | Clean |
RichTextEditor_KeepFormat | Keep |
RichTextEditor_PasteDialogOk | OK |
RichTextEditor_PasteDialogCancel | Cancel |
The following sample code block demonstrates that the Rich Text Editor control rendered with de-DE
German language.
@using Syncfusion.Blazor.RichTextEditor
<SfRichTextEditor>
<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.
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 current culture.