# rich-text-editor-default

> Rich text editor formats HTML with bold, italic, lists, alignment, hyperlinks, images, and tables.

**Framework:** maui  **Component:** rich-text-editor  **Variant:** default

## Get this item

**If you are an agent, fetch the JSON.** Source is inlined, so one request is enough and no tooling is required:

```
GET https://ai.syncfusion.com/r/maui/rich-text-editor-default.json
```

**Install Package(s)**

```bash
dotnet add package Syncfusion.Maui.RichTextEditor
```

**Notes**

- Syncfusion release: 2026 Volume 2 (v34.1.29)
- The Syncfusion package is licensed. The composition in this file is source you own and edit. See https://ai.syncfusion.com/licensing.md

## Source files

### src/components/rich-text-editor-default/RichTextEditor.xaml

```xaml
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:syncfusion="clr-namespace:Syncfusion.Maui.PdfViewer;assembly=Syncfusion.Maui.PdfViewer"
             xmlns:rte="clr-namespace:Syncfusion.Maui.RichTextEditor;assembly=Syncfusion.Maui.RichTextEditor"
             x:Class="MauiApp1.MainPage">

    <Grid Padding="12"
          RowDefinitions=" *, Auto"
          RowSpacing="10">

        <!-- RichTextEditor bound to Document.HtmlContent -->
        <Border Grid.Row="0"
                Stroke="LightGrey"
                StrokeShape="RoundRectangle 12"
                StrokeThickness="1"
                Padding="0">
            <rte:SfRichTextEditor HtmlText="{Binding Document.HtmlContent, Mode=TwoWay}"
                                  Placeholder="Start typing your document here..."
                                  ToolbarPosition="Bottom"
                                  VerticalOptions="Fill">
                <rte:SfRichTextEditor.ToolbarItems>
                    <rte:RichTextToolbarItem Type="Bold" />
                    <rte:RichTextToolbarItem Type="Italic" />
                    <rte:RichTextToolbarItem Type="Underline" />
                    <rte:RichTextToolbarItem Type="Strikethrough" />
                    <rte:RichTextToolbarItem Type="Separator" />
                    <rte:RichTextToolbarItem Type="FontFamily" />
                    <rte:RichTextToolbarItem Type="FontSize" />
                    <rte:RichTextToolbarItem Type="HighlightColor" />
                    <rte:RichTextToolbarItem Type="Separator" />
                    <rte:RichTextToolbarItem Type="BulletList" />
                    <rte:RichTextToolbarItem Type="NumberList" />
                    <rte:RichTextToolbarItem Type="Separator" />
                    <rte:RichTextToolbarItem Type="Alignment" />
                    <rte:RichTextToolbarItem Type="ParagraphFormat" />
                    <rte:RichTextToolbarItem Type="Separator" />
                    <rte:RichTextToolbarItem Type="Hyperlink" />
                    <rte:RichTextToolbarItem Type="Image" />
                    <rte:RichTextToolbarItem Type="Table" />
                    <rte:RichTextToolbarItem Type="CodeBlock" />
                </rte:SfRichTextEditor.ToolbarItems>
            </rte:SfRichTextEditor>
        </Border>

        <!-- Footer hint -->
        <Label Grid.Row="1"
               Text="Use the toolbar below to format the content. Save updates the timestamp; Reset restores the welcome sample."
               FontSize="11"
               Opacity="0.6"
               HorizontalTextAlignment="Center" />
    </Grid>

</ContentPage>

```