Filter filters
Erfahren Sie, wie Sie Filter definieren können, um die im Editor verfügbaren Optionen wie verfügbare Komponenten, RTE-Optionen und Asset-Auswahl zu beschränken.
Filter konfigurieren configuring-filters
Bei Verwendung des universellen Editors können Sie die für bestimmte Funktionen zulässigen Optionen einschränken, indem Sie einen Filter definieren. Ein Filter ist eine Liste von Elementen oder Aktionen, die für den jeweiligen Kontext verfügbar sind. Sie können beispielsweise die verfügbaren Komponenten filtern, um sie in einen Container einzufügen, Sie können die im RTE verfügbaren Optionen filtern und Sie können die verfügbaren Assets filtern im Asset-Selektor auswählen.
Die Filter müssen alle ähnlich definiert sein.
Nehmen wir ein Beispiel für das Filtern von Komponenten pro Container-Komponente.
Definition des Referenzfilters add-tag
Führen Sie zunächst ein zusätzliches Skript-Tag ein, das auf die Filterdefinition verweist.
In unserem Beispiel könnte das Tag zum Filtern der zulässigen Komponenten pro Container wie folgt aussehen.
<script type="application/vnd.adobe.aue.filter+json" src="/static/filter-definition.json"></script>
Filter definieren define-filter
Eine Filterdefinition enthält JSON mit einer für den Filter und die Filterkriterien eindeutigen ID.
In unserem Beispiel könnte das Filtern der zulässigen Komponenten pro Container wie folgt aussehen, wodurch ein Container darauf beschränkt würde, nur Text und Bilder hinzuzufügen.
[
{
"id": "container-filter",
"components": ["text", "image"]
}
]
Durch das Festlegen des Attributs components in einer Filterdefinition auf null werden alle Komponenten zugelassen, als gäbe es keinen Filter.
[
{
"id": "another-container-filter",
"components": null
}
]
Verweisen auf den Filter reference-filter
Um den Filter zu verwenden, müssen Sie auf die Filterdefinition verweisen. Gehen Sie dazu wie folgt vor:
-
Referenzieren des Filters aus Ihrer Container-Komponente durch Hinzufügen der Eigenschaft
data-aue-filterund Übergeben der ID des Filters.code language-html data-aue-filter="container-filter" -
Referenzieren des Filters aus Ihrer Komponentendefinition Übergeben der ID des Filters.
code language-json { "title":"My Container", "id":"my-container", "model": "my-model", "filter": "container-filter", ... }
Zusätzliche Ressourcen additional-resources
Erfahren Sie mehr über andere Anpassungs- und Erweiterungsoptionen, die dem universellen Editor in den Dokumenten zur Verfügung stehen: