过滤器 filters
了解如何定义过滤器以限制编辑器中可用的选项,例如可用组件、RTE选项和资源选择。
配置过滤器 configuring-filters
使用通用编辑器时,您可以通过定义过滤器来限制特定功能允许的选项。 过滤器是适用于特定上下文的项目或操作列表。 例如,您可以筛选可插入容器的组件,可以筛选RTE中可用的选项,以及筛选资产选择器中可用的资产。
所有筛选器的定义都必须类似。
让我们以每个容器组件为单位筛选组件为例。
引用筛选器定义 add-tag
首先引入额外的脚本标记,该标记指向过滤器定义。
在我们的示例中,筛选每个容器允许的组件,标记可能如下所示。
<script type="application/vnd.adobe.aue.filter+json" src="/static/filter-definition.json"></script>
定义过滤器 define-filter
过滤器定义包含的JSON具有过滤器和过滤条件唯一的ID。
例如,我们用于筛选每个容器允许的组件的示例,它可能如下所示,这将限制容器仅允许添加文本和图像。
[
{
"id": "container-filter",
"components": ["text", "image"]
}
]
如果将过滤器定义中的 components 属性设置为 null,就会允许使用所有组件,就好像没有过滤器。
[
{
"id": "another-container-filter",
"components": null
}
]
引用过滤器 reference-filter
要使用过滤器,必须引用过滤器定义。 您可以通过以下方式来实现:
-
通过添加属性
data-aue-filter并传递筛选器的ID,引用容器组件中的筛选器。code language-html data-aue-filter="container-filter" -
引用来自组件定义的筛选器,传递筛选器的ID。
code language-json { "title":"My Container", "id":"my-container", "model": "my-model", "filter": "container-filter", ... }
其他资源 additional-resources
请参阅以下文档,了解通用编辑器可用的其他自定义和扩展选项:
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab