带有富文本和图像的 AEM 页面答案

【问题标题】：AEM page with rich text and image带有富文本和图像的 AEM 页面
【发布时间】：2017-03-06 15:48:40
【问题描述】：

我正在使用 AEM 6.0，并希望作者使用具有的模板创建页面

我计划将 AEM RTE 用于富文本，并且由于 RTE 不提供任何插入图像的选项，我可以做其中之一

有谁知道实现这一目标的最佳方法？

【问题讨论】：

标签： aem rte

【解决方案1】：

对于具有响应能力的固定布局，您最好使用模板来简化。通过固定布局，我假设您的页面将具有固定的图像和文本内容位置（根据您的模板详细信息猜测）

修改 RTE 以在任意位置插入响应式图像不会呈现良好的 HTML，除非您覆盖许多 RTE 功能。这对用例来说会很痛苦，而且会适得其反。

一种中途替代方法是制作带有文本的自定义图像（文本和图像控件），您可以在其中允许用户输入文本并分别选择和图像，然后提供额外的布局选项（图像位置）和响应式自定义。

一个更灵活的选择是使用 acs-commons 网格布局控件来使用不同的文本和图像控件，同时让基于网格的 css 框架（例如引导程序）处理网站的响应方面。

希望这些想法对您有所帮助。

【讨论】：

感谢 i.net。我正在使用模板，作者可以在其中拖放 RTE 和图像组件。这将有助于提高零售响应能力。
如果您的模板是响应式的（例如使用某些网格系统或其他响应式方法构建），那么我建议您将文本与图像分开，因为它可以为您提供更多选择并减少麻烦。根据我的经验，在 RTE 中嵌入图像并尝试使其具有响应性是一项艰巨的工作，并且您通常最终会从头开始重写整个 RTE 控件。这是因为 RTE 本质上不基于任何响应式布局设计，并且主要包含内联元素和样式。
我同意在模板级别保持图像和 RTE 分开。