WYSIWYGおよびドキュメントベースのオーサリングのブロック wysiwyg-and-doc-blocks

WYSIWYGのオーサリングとドキュメントベースのオーサリングの両方に使用できるブロックを作成する方法について説明します。

概要 overview

プロジェクトによっては、 ユニバーサルエディターを使用したWYSIWYGのオーサリングとドキュメントベースのオーサリングの両方をサポートする必要が る場合があります。 開発時間を最小限に抑え、同じサイトエクスペリエンスを確保するために、一連のブロックを作成して、両方のユースケースをサポートできます。

それには、WYSIWYGのオーサリング設定とドキュメントベースのオーサリング設定の両方で同じコンテンツモデリングアプローチを使用する必要があります。

アプローチ approach

AEMでのWYSIWYG オーサリングでは、 モデルを宣言し、命名規則を指定します。 その後、ドキュメントベースのオーサリングを使用して手動でテーブルを作成する場合と同様に、Edge Deliveryを使用して、テーブルのようなブロック構造でデータがレンダリングされます。

これを実現するために、ティーザーのような単純なブロックに対して、プロパティのすべてのプロパティとプロパティのグループが 1 でレンダリングされるなど、いくつかの前提が行われます。n 行で各列に 1 列が含まれます。 1 のブロックの場合…n 個の項目（カルーセルやカードなど）これらの行の後に、プロパティの各プロパティまたはグループにそれぞれ 1 行と列が追加されます。

同じ方法に従ってドキュメントベースのオーサリングを行う場合は、WYSIWYG ブロックを再利用できます。