syncfusion-maui-rich-text-editor
starsforks
How to install syncfusion-maui-rich-text-editor?
syncfusion/maui-ui-components-skills/syncfusion-maui-rich-text-editor
$npx -y skills add syncfusion/maui-ui-components-skills --skill syncfusion-maui-rich-text-editorImplements Syncfusion .NET MAUI Rich Text Editor (SfRichTextEditor) for WYSIWYG text editing with formatting, images, tables, and hyperlinks. Use when building rich text editors, document editors, email composers, blog post editors, or messaging apps with formatting. Covers text
SKILL.md
| 1 | # Implementing Syncfusion .NET MAUI Rich Text Editors |
| 2 | |
| 3 | The Syncfusion .NET MAUI Rich Text Editor (SfRichTextEditor) provides a powerful WYSIWYG editing experience for creating richly formatted text content. It offers comprehensive formatting tools, customizable toolbar, image and table insertion, hyperlink management, and returns valid HTML markup. This skill guides you through implementing rich text editors for messaging apps, email composers, blog editors, note-taking applications, and any scenario requiring formatted text input. |
| 4 | |
| 5 | ## When to Use This Skill |
| 6 | |
| 7 | Use this skill when you need to: |
| 8 | |
| 9 | - **Implement WYSIWYG text editors** in .NET MAUI applications with formatting capabilities |
| 10 | - **Create email composers or messaging apps** that support rich text formatting (bold, italic, lists, etc.) |
| 11 | - **Build blog editors, CMS interfaces, or forum post editors** with HTML output |
| 12 | - **Add note-taking or document editing features** with formatting toolbar |
| 13 | - **Enable feedback forms, review sections, or comment areas** with rich content support |
| 14 | - **Implement text editors with images, tables, and hyperlinks** embedded in content |
| 15 | - **Customize toolbar items and appearance** for specific editing scenarios |
| 16 | - **Handle formatted text programmatically** with methods for bold, italic, alignment, colors, etc. |
| 17 | - **Manage user interactions** through events (text changes, hyperlink clicks, format changes) |
| 18 | - **Apply advanced features** like auto-sizing or Liquid Glass Effect for modern UI |
| 19 | |
| 20 | ## Component Overview |
| 21 | |
| 22 | - **WYSIWYG Editing** - What-you-see-is-what-you-get interface for formatted text |
| 23 | - **Comprehensive Formatting** - Bold, italic, underline, strikethrough, fonts, colors, alignment, lists, indentation |
| 24 | - **Customizable Toolbar** - Rich, configurable toolbar with show/hide/custom items |
| 25 | - **Images & Tables** - Seamless insertion and formatting of images and tables |
| 26 | - **Hyperlink Support** - Insert, edit, and remove hyperlinks with click events |
| 27 | - **Programmatic Control** - Methods for applying formatting, managing content, and controlling editor state |
| 28 | - **Events** - FormatChanged, TextChanged, HyperlinkClicked, Focused/Unfocused for reactive UI |
| 29 | - **HTML Output** - Returns valid HTML markup for storage or transmission |
| 30 | - **AutoSize** - Dynamic height adjustment based on content |
| 31 | - **Liquid Glass Effect** - Modern Cupertino-style visual effects (iOS/macOS) |
| 32 | |
| 33 | ## Documentation and Navigation Guide |
| 34 | |
| 35 | ### Getting Started |
| 36 | 📄 **Read:** [references/getting-started.md](references/getting-started.md) |
| 37 | - Installing the Syncfusion.Maui.RichTextEditor NuGet package |
| 38 | - Adding SfRichTextEditor to XAML and C# |
| 39 | - Namespace registration and basic setup |
| 40 | - Enabling the toolbar (ShowToolbar property) |
| 41 | - Customizing toolbar items with ToolbarItems collection |
| 42 | - First working example with formatted text |
| 43 | |
| 44 | ### Toolbar Configuration |
| 45 | 📄 **Read:** [references/toolbar.md](references/toolbar.md) |
| 46 | - Positioning toolbar (top or bottom) with ToolbarPosition property |
| 47 | - Available toolbar items (Bold, Italic, FontFamily, FontSize, lists, images, tables, etc.) |
| 48 | - Adding or removing specific toolbar items |
| 49 | - Separator items for visual grouping |
| 50 | - Inline link tooltip functionality |
| 51 | - Customizing toolbar appearance with ToolbarSettings |
| 52 | - Background color, text color, separator styling |
| 53 | - Scroll button visibility and icon customization |
| 54 | - Platform-specific toolbar behaviors |
| 55 | |
| 56 | ### Formatting and Customization |
| 57 | 📄 **Read:** [references/formatting-and-customization.md](references/formatting-and-customization.md) |
| 58 | - Customizing editor appearance (background, border, word wrap) |
| 59 | - Programmatic formatting methods (ToggleBold, ToggleItalic, ToggleUnderline, etc.) |
| 60 | - Character formatting (bold, italic, underline, strikethrough, subscript, superscript) |
| 61 | - List formatting (bullet and numbered lists) |
| 62 | - Text alignment (left, right, center, justify) |
| 63 | - Applying font family, font size, text color, and highlight color |
| 64 | - Paragraph formatting and heading styles |
| 65 | - Indentation control (increase/decrease) |
| 66 | - Default text styles for new content |
| 67 | |
| 68 | ### Content Management |
| 69 | 📄 **Read:** [references/content-management.md](references/content-management.md) |
| 70 | - Setting plain text with Text property |
| 71 | - Setting HTML formatted text with HtmlText property |
| 72 | - Getting selected HTML content (GetSelectedText method) |
| 73 | - Configuring placeholder text and styling |
| 74 | - Programmatic cursor control (MoveCursorToStart, MoveCursorToEnd) |
| 75 | - Focus and unfocus methods |
| 76 | - Undo and redo functionality |
| 77 | - Content manipulation patterns and best practices |
| 78 | |
| 79 | ### Images and Tables |
| 80 | 📄 **Read:** [referen |
People who liked this also viewed
6 picksType
- grill-with-docsA relentless interview to sharpen a plan or design, which also creates docs (ADR's and glossary) as we go.SkillsJul 2026
- lark-minutes飞书妙记：搜索妙记、查看妙记基础信息、下载/上传音视频、读取或编辑妙记的产物内容、改标题、替换说话人/关键词、申请妙记查看/编辑权限。当给出minute_token、本地音视频文件，要查/改/转妙记产物，或用户明确要主动申请妙记权限时使用；本地音视频转纪要/逐字稿优先走本 skill，不要用 ffmpeg/whisper 本地转写。不负责：获取会议关联妙记，或仅按自然语言标题定位纪要SkillsJul 2026
- lark-markdown飞书 Markdown：查看、创建、上传、编辑和比较 Markdown 文件。当用户需要创建或编辑 Markdown 文件、读取、修改、局部 patch 或比较差异时使用。不负责将 Markdown 导入为飞书在线文档，也不负责文件搜索、权限、评论、移动、删除等云空间管理操作。SkillsJul 2026
- docxUse this skill whenever the user wants to create, read, edit, or manipulate Word documents (.docx files) or Word templates (.dotx files). Triggers include: any mention of 'Word doc', 'word document', SkillsJul 2026
- edit-articleSkills for Real Engineers. Straight from my .agents directory.SkillsJul 2026
- lark-note飞书会议纪要（Note）直查：已知 note_id 时查询纪要详情、展示类型、关联文档 token，并读取 unified 原始逐字记录。当用户已持有 note_id，或从文档显式 vc-node-id 获得 note_id 时使用。不负责会议/日程/妙记定位、文档标题搜索或 Docx 正文读取。SkillsJul 2026
