コミュニティコンポーネントの clientlib clientlibs-for-communities-components
はじめに introduction
この節では、コミュニティコンポーネント用のページにクライアント側ライブラリ (clientlibs) を追加する方法について説明します。
基本情報については、以下を参照してください。
- クライアント側ライブラリの使用 使用状況の詳細とデバッグツールを提供します。
- SCF の clientlibs SCF コンポーネントをカスタマイズする際に役立つ情報を提供します。
clientlibs が必要な理由 why-clientlibs-are-required
コンポーネントが適切に機能し (JavaScript)、スタイル設定 (CSS) されるには、clientlibs が必要です。
が存在する場合、 コミュニティ機能 機能の場合、必要な clientlib を含む必要なすべてのコンポーネントと設定がコミュニティサイトに表示されます。 作成者が追加のコンポーネントを使用できる場合にのみ、追加の clientlib を追加する必要があります。
必要な clientlib が見つからない場合、 ページへのコミュニティコンポーネントの追加 により、javascript エラーが発生し、予期しない外観が発生する可能性がありました。
例:Clientlibs を使用しない場合のレビューの配置 example-placed-reviews-without-clientlibs
例:Clientlibs でのレビューの配置 example-placed-reviews-with-clientlibs
必要な clientlib の識別 identifying-required-clientlibs
開発者向けの基本的な機能情報は、必要な clientlib を特定します。
さらに、AEMインスタンスから コミュニティコンポーネントガイド では、コンポーネントに必要な clientlib カテゴリのリストにアクセスできます。
例えば、 レビューページ 以下に、必要な clientlib を示します。
- cq.ckeditor
- cq.social.hbs.reviews
必要な clientlib の追加 adding-required-clientlibs
コミュニティコンポーネントをページに追加する場合は、そのコンポーネントに必要な clientlib を追加する必要があります(まだ追加していない場合)。
用途 CRXDE|Lite コミュニティサイトページの既存の clientlibslist を変更する場合。
を使用してコミュニティサイトに clientlib を追加するには CRXDE Lite:
-
を
clientlibslist
コンポーネントを追加するページのノード/content/sites/sample/en/page/jcr:content/clientlibslist
-
を使用
clientlibslist
選択されたノード-
文字列[] プロパティ
scg:requiredClientLibs
-
選択
Value
「文字列配列」ダイアログにアクセスするには-
必要に応じて下にスクロールします。
-
選択
+
新しいクライアントライブラリに入るには- 繰り返してクライアントライブラリをさらに追加します
-
選択 OK
-
-
選択 すべて保存
-
の使用 AEM Communitiesの概要 例: site-name
が エンゲージ レビューコンポーネントを追加すると、clientliblist は次のように表示されます。