コンテンツフラグメント用コンポーネント components-for-content-fragments

CAUTION
AEM 6.4 の拡張サポートは終了し、このドキュメントは更新されなくなりました。 詳細は、 技術サポート期間. サポートされているバージョンを見つける ここ.
CAUTION
一部のコンテンツフラグメント機能には、 AEM 6.4 Service Pack 2(6.4.2.0).

フラグメントオーサリング用コンポーネント components-for-fragment-authoring

CAUTION
実際のコンポーネントはまだ変更される可能性があるので、拡張または変更は推奨されません。

コンテンツフラグメント管理 API - クライアントサイドを参照してください。

ページオーサリング用コンポーネント components-for-page-authoring

CAUTION
この コンテンツフラグメントコアコンポーネント が推奨されました。 詳しくは、 コアコンポーネントの開発 を参照してください。
この節では、コンテンツフラグメントで使用するために配信される元のコンポーネント (コンテンツフラグメント一般 グループ ) です。

Adobe Experience Manager(AEM)のコンテンツフラグメントは、ページに依存しないアセットとして作成および管理されます。チャネルに特化しないコンテンツを、チャネル固有のバリエーションと共に作成できます。 作成したコンテンツフラグメント(とそのバリエーション)は、コンテンツページのオーサリング時に使用できます。また、既存のコンテンツフラグメントアセットを、画像コンポーネントなどの他のアセットベースのコンポーネントと同様に、アセットブラウザーからページにドラッグして使用することもできます。既製のコンテンツフラグメントコンポーネントには、参照されているコンテンツフラグメントの要素が 1 つだけ表示されます。ページ上に表示する要素、バリエーションおよびフラグメント段落の範囲は、コンポーネントダイアログで定義できます。

NOTE
このコンテンツフラグメントコンポーネントは、廃止された記事コンポーネントの拡張バージョンとしてAEM 6.2 で導入されました。
NOTE
コンテンツフラグメントは、クラシック UI ではサポートされていません。

定義 definition

この コンテンツフラグメント コンポーネントは、コンテンツフラグメントアセット(効果的に拡張されたテキストアセット)への参照を保持するために使用されます。 コンテンツフラグメントのリソースタイプは次のとおりです。

  • dam/cfm/components/contentfragment/contentfragment

参照を定義するには、次のプロパティを使用します。

  • fileReference

コンテンツフラグメントコンポーネントを完全にサポートするのは、タッチ操作対応 UI のエディターのみです。これには、以下のクライアントライブラリが含まれます。

  • cq.authoring.editor.plugin.cfm

このライブラリは、コンテンツフラグメント専用の機能をエディターに追加します。 例えば、ページ上でコンテンツフラグメントを追加および設定する機能、アセットブラウザーでコンテンツフラグメントアセットを検索する機能、およびサイドパネルで関連コンテンツを検索する機能をサポートできます。

中間コンテンツ in-between-content

この コンテンツフラグメント t コンポーネントを使用すると、表示される異なる段落の間に追加のコンポーネントをドロップできます 要素. 基本的に、表示される要素は異なる段落で構成されます(各段落はキャリッジリターンでマークされます)。 これらの各段落の間に、他のコンポーネントを使用してコンテンツを挿入できます。

技術的な観点から、表示された要素の各段落はそれぞれ独自の parsys に存在し、段落の間に追加する各コンポーネントは(内部で)parsys に挿入されます。

つまり、コンテンツフラグメントコンポーネントのインスタンスが 3 つの段落で構成されている場合、コンポーネントはリポジトリ内に 3 つの異なる parsys を持ちます。 コンテンツフラグメントに追加される中間コンテンツは、すべて、実際にはこれらの parsys 内に配置されます。

リポジトリ内では、中間コンテンツは、段落構造全体内の位置を基準に格納されます。つまり、実際の段落コンテンツには添付されません。

これを説明するために、次の点を考えてみましょう。

  • コンテンツフラグメントのインスタンスが 3 つの段落で構成されている

  • また、2 番目の段落の後に既に一部のコンテンツが挿入されています

    • この場合、コンテンツは 2 番目の parsys に格納されます。

基本的に、このインスタンスの段落構造を変更した場合は(表示される段落のバリエーション、要素または範囲を変更するなど)、表示される中間コンテンツに影響が及びます。例えば次の場合が考えられます。

  • コンテンツフラグメントコンポーネントが編集され、2 番目の段落の前に別の段落が追加される:

    • 中間コンテンツは、新規作成された段落の後に表示されます(2 番目の parsys が新規作成された段落を保持するようになります)。
  • コンテンツフラグメントコンポーネントが編集され、2 番目の段落が削除される:

    • 中間コンテンツは、以前は 3 番目だった段落の後に表示されます(2 番目の parsys が、以前は 3 番目だった段落を保持するようになります)。
  • 最初の段落だけを表示するようにコンテンツフラグメントコンポーネントが設定される:

    • 中間コンテンツは表示されません(新しい設定により、2 番目の parsys はレンダリングされなくなります)。

コンテンツフラグメントコンポーネントのカスタマイズ customizing-the-content-fragment-component

標準搭載のコンテンツフラグメントコンポーネントを拡張機能のブループリントとして使用するには、次の契約に従う必要があります。

  • HTL レンダリングスクリプトとそれに関連する POJO を再利用して、中間コンテンツ機能の実装方法を確認します。

  • コンテンツフラグメントノード cq:editConfig を再利用します。

    • afterinsertaftereditafterdelete リスナーを使用して JS イベントを呼び出します。これらのイベントを cq.authoring.editor.plugin.cfm クライアントライブラリで処理して、関連コンテンツをサイドパネルに表示します。
    • コンテンツフラグメントアセットのドラッグをサポートするように cq:dropTargets を設定します。
    • ページエディターでコンテンツフラグメントのオーサリングをサポートするように cq:inplaceEditing を設定します。フラグメントのインプレースエディターは cq.authoring.editor.plugin.cfm クライアントライブラリで定義され、クイックリンクによって現在の要素/バリエーションフラグメントエディターで開けるようにします。

レンダリング前のアセットの書き換え asset-rewriting-before-rendering

コンテンツフラグメント管理では、内部レンダリングプロセスを使用して、ページの最終HTML出力を生成します。 これは、コンテンツフラグメントコンポーネントによって内部的に使用されるだけでなく、参照ページ上の参照フラグメントを更新するバックグラウンドプロセスによっても使用されます。

内部では、このレンダリングに Sling Rewriter を使用します。各設定は /libs/dam/config/rewriter/cfm にあり、必要に応じて調整できます。詳しくは、Apache Sling Rewriter を参照してください。

既製の設定は、次の変換サービスを使用します。

  • transformer-cfm-payloadfilter - フラグメントの HTML の body 部分(<body>...</body>)の取得用のみ

  • transformer-cfm-parfilter - 段落範囲が指定されている場合に、不要な段落を除外します(コンテンツフラグメントコンポーネントで実行可能)

  • transformer-cfm-assetprocessor - フラグメントに埋め込まれたアセットのリストを取得するために内部で使用されます

レンダリング処理は [com.adobe.cq.dam.cfm.content.FragmentRenderService](https://helpx.adobe.com/experience-manager/6-4/sites/developing/using/reference-materials/javadoc/com/adobe/cq/dam/cfm/ContentFragment.html) を通じて公開され、必要に応じて、(例えば)カスタムコンポーネントによって活用されます。

recommendation-more-help
2315f3f5-cb4a-4530-9999-30c8319c520e