上世纪 80 年代末，物理学家蒂姆-伯纳斯-李（Tim Berners-Lee）创建了 HTML 的第一个原型--一种专为研究人员之间共享文档而设计的统一格式。
从那时起，HTML 的应用呈指数级增长，现在已被用于浏览器、电子邮件客户端和内容管理系统。毋庸置疑，以 HTML 格式存储的丰富内容被广泛应用于网络和能够呈现 HTML 的应用程序中。得益于其多功能性，HTML 现在已无处不在。
如果 HTML 编辑对您的移动开发战略很重要，DevExpress .NET MAUI HTML 编辑控件可以帮助您将 HTML 编辑纳入移动解决方案，并解决各种使用场景，包括
引入富文本注释
编写注释/消息
撰写电子邮件
为 CMS 系统创建内容。
在这篇文章中，我将使用 DevExpress .NET MAUI HTML Edit 在一个简单的移动应用程序中显示和编辑房屋描述（使用 CRUD 编辑表单）。
本文中展示的应用程序可在 GitHub 上获取： 在 DataGridView CRUD 视图中编辑 HTML。
如果您希望在下一个 .NET MAUI 项目中集成我们的 .NET MAUI HTML 编辑控件，也可以观看 YouTube 上的教程视频。
我们的 HTML 编辑控件的主要目标是创建/编辑富文本内容，以便在其他组件/应用程序中显示。它不支持所有 HTML 标记，如交互式按钮、边框等。
要在项目中使用 DevExpress .NET MAUI HTML Edit 控件，您必须购买 DevExpress 通用订阅。如果您是.NET MAUI 产品线的新用户，并且正在考虑将其用于即将到来的项目，您可以使用 NuGet 开始为期 30 天的试用，如本帮助主题所述。
以只读模式显示 HTML 内容
由于移动应用程序没有太多的屏幕空间，因此将项目详细信息/编辑视图分开是一种很好的做法。
在本示例中，我们的 .NET MAUI HTML Edit 在详细信息视图页面上以只读模式显示富文本（HTML Edit 包含一个 IsReadOnly 属性，可限制/允许内容编辑）。
要在 XAML 中显示内容，请指定 HtmlEdit.HtmlSource 属性。在本例中，该属性绑定到了 ViewModel 属性。
切换到编辑模式并在单独页面上修改说明
在编辑富文本时，您通常需要更多空间来显示工具栏等元素。您还需要减少过度滚动。因此，我们建议使用单独的屏幕来编辑内容。
如果您选择在单独的视图中显示我们的 HTML 编辑控件，就可以利用我们内置的自适应工具栏，并使用以下内容编辑操作：
字体属性
颜色
列表
标题
等等。
将 HtmlEdit.ShowToolbar 属性设为 true 可显示工具栏。
如果将控件放在 SafeKeyboardAreaView 容器中，则使用 DevExpress HTML Edit 编辑 HTML 内容的效果最佳。通过该容器，您可以管理以下内容：
防止 HTML 内容与键盘重叠。
在打开设备键盘时降低 HTML Edit 的高度（以保持工具栏的可见性）。
在键盘区域显示自定义内容，为用户界面元素增加更多空间。内置工具栏使用此功能显示操作面板。
修改 HTML 后，调用 HtmlEdit.GetHtmlAsync 方法获取 HTML 内容并将其保存到 ViewModel 属性中。
渝公网安备50010702505508