系统学习magento二次开发，推荐小册：《Magento中文全栈二次开发 》
本小册面向Magento2以上版本，书代码及示例兼容magento2.0-2.4版本。涵盖了magento前端开发，后端开发，magento2主题,magento2重写,magento2 layout,magento2控制器,magento2 block等相关内容,带领您成为magento开发技术专家。
在 Magento 2 中，HtmlContent 组件用于在前端显示一个 HTML 内容的组件。这个组件可以让你在产品页面、类别页面、CMS 页面等任何页面上添加自定义的 HTML 内容。
下面是一个示例，展示了如何在 Magento 2 中使用 HtmlContent 组件。假设你想要在某个产品页面上添加一个自定义的 HTML 内容块。
首先，我们需要创建一个用于显示 HTML 内容的 HtmlContent 组件。创建一个新的 UI 组件文件 html_content.xml，并将以下代码添加到其中：
<container name="custom_html_container" htmlTag="div"> <block class="Magento\Framework\View\Element\Template" template="Vendor_Module::custom_html.phtml"/> </container>
在这个组件的代码中，我们创建了一个 Magento\Framework\View\Element\Template 块，并将 custom_html.phtml 模板作为其模板。
然后，我们需要创建一个 custom_html.phtml 模板文件，并将要显示的 HTML 内容添加到其中。例如，以下是一个简单的示例 HTML 内容块：
<div class="custom-html"> <h2>Custom HTML Content</h2> <p>This is some custom HTML content that can be displayed on a product page.</p> </div>
最后，我们需要将这个 HtmlContent 组件添加到产品页面中。在你的产品布局文件中，添加以下代码：
<referenceContainer name="product.info.main"> <block class="Magento\Framework\View\Element\Template" template="Vendor_Module::html_content.phtml"/> </referenceContainer>
在这个代码片段中，我们将 Magento\Framework\View\Element\Template 块添加到了名为 "product.info.main" 的布局块中。这个布局块包含了产品页面中显示产品信息的相关组件，例如产品名称、价格、描述等等。