問題
- フラグメントのリンクで画像をクリック可能にする方法は?
Environment
- Liferay DXP 7.1
- Liferay DXP 7.2
解決策
注意: 以下の情報には、Liferay サポートの範囲外のカスタマイズまたは実装のアイデアが含まれています。 この情報を使用する際は、適切な裁量を行使して、それに従うことを選択してください。
-
7.1 では、リンク付きの編集可能な画像を使用できる OOTB オプションはありません。
- これは、フラグメント HTML にハードコードされている以下の手順を使用して実現できます。
-
テストケース：
- ファイル コンテンツを使用してフラグメント コレクションを作成する
- リンクに使用できる OOTB オプションまたはタグがないため、アンカー タグを追加します。
- 観察された動作: 画像をクリックすると URL にリダイレクトされます。
- 例:
<a href="http://www.google.com">
<lfr-editable id="01-01-image" type="image">
<img alt="Responsive Image" class="w-100" src="xxx">
</lfr-editable>
</a>
-
重要な指針:
- <lfr-editable> タグ内のコンテンツは、常に編集可能な要素のデフォルト値として解釈されることに注意してください。
- そのため、画像の周りに追加のマークアップを配置したり、lfr-editable タグをネストしたりすることはできません。
追加情報
- Liferay DXP 7.1: 画像を編集可能にする
- この機能は DXP 7.2 で導入されました。 参照: Creating Editable Links