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

如何在AEM RTE组件中使用外部样式表,aem,Aem,由于AEM RTE样式仅适用于预定义的类,我们如何向页面的某个部分添加动态样式。我想做一些类似的事情,但是在第一个之后,它会去掉样式属性中的任何内容。与div样式类似,仅保留背景,并剥离其他属性 <div style="background: #f4f4f4 ; border: 2 ; padding: 15 15 15 15 ; box-shadow: 5px 5px #a79d97 ; border-radius: 8px;"> <h3> <span class

由于AEM RTE样式仅适用于预定义的类,我们如何向页面的某个部分添加动态样式。我想做一些类似的事情,但是在第一个之后,它会去掉样式属性中的任何内容。与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>

从4月19日起管理XXX内的支持联系人和帐户访问!!
我们很高兴发布对XXX的更新,以帮助支持管理员管理有权访问其帐户的支持联系人。此新选项卡将为每个联系人启用访问权限

给我看更多


如果您使用的是Touch UI和AEM 6.2->Yes,则可以使用外部样式表并向RTE元素添加自定义类。样式插件可以帮助您实现这一点。本文件详细说明了所需的所有步骤。它主要涉及—

  • 激活样式插件,使样式选项显示在RTE对话框中
  • 外部样式表的位置引用
  • 为RTE中的目标元素定义自定义类
有关示例dialog.xml,请参阅此


如果您在AEM 6.0上使用触摸屏UI,则OOTB不支持此操作