如何在AEM RTE组件中使用外部样式表

时间:2018-06-13 08:57:58

标签: aem

由于AEM RTE样式仅适用于预定义类,我们如何将动态样式添加到页面的一部分。就像我想做这样的事情,但它在第一个之后剥离了style属性中的任何东西。就像div风格一样,只保留背景,并剥离其他属性。

<div style="background: #f4f4f4 ; border: 2 ; padding: 15 15 15 15 ; box-shadow: 5px 5px #a79d97 ; border-radius: 8px;">
<h3>
<span class="large">Managing Support Contacts and Account Access within XXX from April 19th !!</span>
</h3>
<p>We are excited to release an update to XXX to help Support Administrators manage the support contacts who have access to their accounts. This new tab will enable access permissions for each contact.</p>
<p>
<span class="btn" style="background: #213c60; color: white; border: 1;">Show Me More</span>
</p>

</div>

1 个答案:

答案 0 :(得分:0)

如果您使用的是Touch UI和AEM 6.2 - &gt;是的,您可以使用外部样式表并添加自定义类来设置RTE元素的样式。 Styles插件可以帮助您解决这个问题。此helpx文档详细说明了所需的所有步骤。它主要涉及 -

  • 激活样式选项的样式插件以显示在RTE对话框中。
  • 外部样式表的位置参考。
  • 定义自定义类以在RTE中定位元素。

有关示例dialog.xml

,请参阅此answer

如果您使用的是Touch UI,并且在AEM 6.0上,则不支持OOTB。