更新 RTE 组件以在 AEM 中使用块引用

Question

我目前在我的 AEM 6.2 项目中使用富文本编辑器 (RTE)。我想将 RTE 配置为使用 blockquote 标记。如何实现？

<blockquote>

组件代码：

<paraformat jcr:primaryType="nt:unstructured" features="*">
    <formats jcr:primaryType="cq:WidgetCollection">
        <p  jcr:primaryType="nt:unstructured" description="Paragraph" tag="p"/>
        <h1 jcr:primaryType="nt:unstructured" description="Heading 1" tag="h1"/>
        <h2 jcr:primaryType="nt:unstructured" description="Heading 2" tag="h2"/>
        <h3 jcr:primaryType="nt:unstructured" description="Heading 3" tag="h3"/>
        <h4 jcr:primaryType="nt:unstructured" description="Heading 4" tag="h4"/>
        <h5 jcr:primaryType="nt:unstructured" description="Heading 5" tag="h5"/>
        <blockquote jcr:primaryType="nt:unstructured" description="Block Quote" tag="blockquote"/>
    </formats>
</paraformat>

参考：

RTE in JCR

Dialog View

谢谢。

Answer 1

您可以按照官方文档中的说明添加新的块元素：

Adding custom paragraph formats to RTE

基本上，您可以覆盖 RTE 并通过引入新元素来扩展 paraformat 插件。总结步骤是：

覆盖您的 RTE
在您的 RTE 控制下创建 cq:EditConfig/inplaceEditing/paraformat/format 节点。
为您的样式创建一个节点，将其命名为 blockquote 并赋予其以下属性 -> Description: Block Quote & Tag: blockquote
确保添加所有其他默认格式，如 p、H1、H2 等

就是这样。您应该会在段落样式下拉列表中看到新的段落样式。

This is a summary as all the pictures will make this post too long but a detailed post can be found at: http://www.aemcq5tutorials.com/tutorials/configure-rte-plugin-in-touch-ui/

或者，您需要通过检查 /libs/cq/xssprotection/config.xml 文件来检查是否允许使用 blockquote 元素。该文件是自我解释的，有很多评论，但通常您应该在 <tag-rules> 下检查以确保您的标签受支持。 OOTB AEM 6.2 允许 blockquote 个元素，但某些升级可能会丢失它。

更新 RTE 组件以在 AEM 中使用块引用

Update RTE component to use Block Quotes in AEM

aem

rte