コンポーネントのフィルタリング filtering-components

コンポーネントフィルターを使用して、ユニバーサルエディターでコンテナごとに許可されたコンポーネントを制限する方法を説明します。

フィルター filters

ユニバーサルエディターを使用する場合、コンテナコンポーネントごとに使用可能なコンポーネントを制限できます。これを行うには、フィルター定義を指す、スクリプトタグをさらに追加導入する必要があります。

<script type="application/vnd.adobe.aue.filter+json" src="/static/filter-definition.json"></script>

フィルター定義は次のようになり、コンテナにテキストと画像の追加のみを許可するように制限します。

[
  {
    "id": "container-filter",
     "components": ["text", "image"]
   }
]

次に、プロパティ data-aue-filter を追加してコンテナコンポーネントからフィルター定義を参照することができるので、以前に定義したフィルターの ID を渡します。

data-aue-filter="container-filter"

フィルター定義の components 属性を null に設定することによって、フィルターがない場合と同様に、すべてのコンポーネントを許可します。

[
  {
    "id": "another-container-filter",
     "components": null
   }
]