ユニバーサルエディター用のAssets セレクターの設定 configure-assets-selector
ユニバーサルエディターで使用するアセットセレクターの設定方法について説明します。
概要 overview
ユニバーサルエディターでは、アセットセレクターを使用して、作成者がコンテンツに挿入するアセットを参照および選択できるようにします。
アセットセレクターは、 コンポーネントフィルターを使用して、ユニバーサルエディター内で設定できます。 このドキュメントでは、使用可能な設定オプションについて説明します。
フィルター定義 filter-definition
アセットセレクターのフィルター定義はシンプルな構造です。
[
{
"id": "assets-filter",
"assets": {...}
}
]
フィルターオプション filter-options
assets フィルターには、次のオプションを指定できます。
-
deliveryTier?: – 使用する配信階層を定義します。dm:必要に応じてpublishにフォールバックするDynamic Media (推奨)publish: AEM パブリッシュインスタンス
-
repoNames?:文字列 – イメージの選択に使用できるAEM リポジトリのリスト。- デフォルト:すべての配信リポジトリ
-
selectionTier?:文字列 – アセットを選択するAEM層- デフォルト:
["author", "delivery"]
- デフォルト:
-
disableRemote?: ブール値 – リモートリポジトリサポートを無効にする -
preselectedTypes?:文字列 – アセットセレクターでデフォルトのフィルターとして適用される、事前に選択されたファイルタイプ -
minMaxDimensions?: オブジェクト – アセットセレクターでデフォルトフィルターとして適用される最小および/または最大ディメンション(ピクセル単位)を提供しますwidthMin?:数値 – 最小幅widthMax?:数値 – 最大幅heightMin?:数値 – 最小高さheightMax?:数値 – 最大高さ
-
minMaxFileSize?: オブジェクト – アセットセレクターでデフォルトフィルターとして適用する最小および/または最大ファイルサイズ(バイト単位)を指定しますmin?:数値 – 最小ファイルサイズmax?:数値 – 最大ファイルサイズ
-
customFileTypeFilters?: オブジェクト – アセットセレクターに表示するカスタムファイルタイプフィルターを提供しますlabel:文字列 – アセット選択UIに表示されるラベルvalue:文字列 – フィルタリングするファイルタイプの値
-
displayFilters?: ブール値 – アセットセレクターでフィルターUIを無効にするために使用されます。デフォルトではtrue
例 example
次の例には、イラスト用のほとんどのオプションが含まれています。
[
{
"id": "assets-filter",
"assets": {
"deliveryTier": "dm",
"repoNames": ["thisRepo", "thatRepo"],
"selectionTier": ["author", "delivery"],
"disableRemote": true,
"preselectedTypes": ["png", "svg", "jpg", "gif"],
"minMaxDimensions": {
"widthMin": 640,
"widthMax": 640,
"heightMin": 480,
"heightMax": 480
},
"minMaxFileSize": {
"min": 1024,
"max": 1024
}
}
}
]