Skip to content

Commit 2a01f3c

Browse files
Update the changes
1 parent 30b8e2a commit 2a01f3c

File tree

4 files changed

+14
-8
lines changed

4 files changed

+14
-8
lines changed

MAUI/Rich-Text-Editor/Basic-Features.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -87,7 +87,7 @@ richTextEditor.DefaultTextColor = Colors.DarkGreen;
8787
{% endhighlight %}
8888
{% endtabs %}
8989

90-
![.NET MAUI Rich Text Editor with Placeholder](images/richtexteditor-text.png)
90+
![.NET MAUI Rich Text Editor with Default text style](images/richtexteditor-text.png)
9191

9292

9393
## Placeholder

MAUI/Rich-Text-Editor/Customization.md

Lines changed: 13 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -79,11 +79,11 @@ You can customize the visual style of the toolbar using the `Toolbar` property.
7979

8080
<rte:SfRichTextEditor ShowToolbar="True">
8181
<rte:SfRichTextEditor.ToolbarSettings>
82-
<rte:RichTextEditorToolbarSettings BackgroundColor="LightSteelBlue"
83-
TextColor="DarkSlateGray" IsScrollButtonVisible="True"
82+
<rte:RichTextEditorToolbarSettings BackgroundColor="SkyBlue"
83+
TextColor="Orange" IsScrollButtonVisible="True"
8484
SeparatorColor="Brown" SeparatorThickness="5"
8585
ForwardIconBackground="Blue" ForwardIconColor="Green"
86-
BackwardIconBackground="Green" BackwardIconColor="Yellow"/>
86+
BackwardIconBackground="Yellow" BackwardIconColor="Green"/>
8787
</rte:SfRichTextEditor.ToolbarSettings>
8888
</rte:SfRichTextEditor>
8989

@@ -101,13 +101,16 @@ richTextEditor.ToolbarSettings = new RichTextEditorToolbarSettings
101101
SeparatorThickness = 5,
102102
ForwardIconBackground = Colors.Blue,
103103
ForwardIconColor = Colors.Green,
104-
BackwardIconBackground = Colors.Green,
105-
BackwardIconColor = Colors.Yellow
104+
BackwardIconBackground = Colors.Yellow,
105+
BackwardIconColor = Colors.Green
106106
};
107107

108108
{% endhighlight %}
109109
{% endtabs %}
110110

111+
![.NET MAUI Rich Text Editor with Toolbar settings](images/richtexteditor-toolbar-settings.png)
112+
113+
111114
### Customize Toolbar Position
112115

113116
The toolbar can be positioned at the top or bottom of the editor control using the `ToolbarPosition` property.
@@ -140,7 +143,7 @@ The `SfRichTextEditor` provides several properties to customize the appearance o
140143
{% highlight xaml %}
141144

142145
<rte:SfRichTextEditor EditorBackgroundColor="LightYellow"
143-
BorderColor="Gray"
146+
BorderColor="SlateGray"
144147
BorderThickness="2"
145148
EnableWordWrap="True" />
146149

@@ -149,13 +152,16 @@ The `SfRichTextEditor` provides several properties to customize the appearance o
149152

150153
SfRichTextEditor richTextEditor = new SfRichTextEditor();
151154
richTextEditor.EditorBackgroundColor = Colors.LightYellow;
152-
richTextEditor.BorderColor = Colors.Gray;
155+
richTextEditor.BorderColor = Colors.SlateGray;
153156
richTextEditor.BorderThickness = 2;
154157
richTextEditor.EnableWordWrap = true;
155158

156159
{% endhighlight %}
157160
{% endtabs %}
158161

162+
![.NET MAUI Customizing Rich Text Editor](images/richtexteditor-custom-editor.png)
163+
164+
159165
## Programmatic Formatting
160166

161167
The `SfRichTextEditor` provides a comprehensive set of methods to apply formatting programmatically. These methods are useful when you want to create your own custom UI for formatting or apply styles dynamically without relying on the built-in toolbar.
15.7 KB
Loading
12.2 KB
Loading

0 commit comments

Comments
 (0)