ユニバーサルエディターのカスタマイズ customizing

コンテンツ作成者のニーズに合わせてユニバーサルエディターをカスタマイズする様々なオプションについて説明します。

TIP
ユニバーサルエディターには多くの拡張ポイントも用意されており、プロジェクトのニーズに合わせて機能を拡張できます。

公開の無効化 disable-publish

特定のオーサリングワークフローでは、コンテンツを公開する前に確認する必要があります。 このような場合、どの作成者も公開オプションを使用できません。

次のメタデータを追加することで、「公開」ボタンを完全にアプリ内で抑制できます。

<meta name="urn:adobe:aue:config:disable" content="publish"/>

プレビューへの公開の無効化 publish-preview

オーサリングワークフローによっては、プレビューサービス(使用可能な場合)への公開が妨げられることがあります。

次のメタデータを追加することで、公開ウィンドウの「プレビュー」オプションを完全にアプリ内で抑制できます。

<meta name="urn:adobe:aue:config:disable" content="publish-preview"/>

ページを開く機能の無効化 open-page

ページを開く」ボタンは、次のメタデータを追加することで、アプリ内で完全に抑制できます。

<meta name="urn:adobe:aue:config:disable" content="header-open-page" />

「複製」ボタンの無効化 duplicate-button

オーサリングワークフローによっては、コンテンツ作成者の機能をコンポーネントの重複に制限する必要が生じる場合があります。 複製アイコンを無効にするには、次のメタデータを追加します。

<meta name="urn:adobe:aue:config:disable" content="duplicate"/>

エンドポイントの変更 custom-endpoint

アドビがホストするユニバーサルエディターサービスを使用しない場合は、これはメタタグで設定できます。 詳しくは、ドキュメント AEMのユニバーサルエディターの概要を参照してください。

コンポーネントのフィルタリング filtering-components

コンポーネントフィルターを使用して、ユニバーサルエディターでコンテナごとに使用できるコンポーネントを制限できます。 詳しくは、コンポーネントのフィルタリングのドキュメントを参照してください。

プロパティパネルでのコンポーネントを条件付きで表示および非表示にする conditionally-hide

1 つまたは複数のコンポーネントを一般的に作成者が利用できる場合がありますが、意味をなさない状況が発生する場合もあります。 このような場合、condition 属性をコンポーネントモデルのフィールドに追加することによって、プロパティパネルでコンポーネントを非表示にすることができます。

条件は、JsonLogic スキーマを使用して定義できます。条件が true の場合、フィールドが表示されます。条件が false の場合、フィールドは非表示になります。

サンプルモデル
code language-json
 {
    "id": "conditionally-revealed-component",
    "fields": [
      {
        "component": "boolean",
        "label": "Shall the text field be revealed?",
        "name": "reveal",
        "valueType": "boolean"
      },
      {
        "component": "text-input",
        "label": "Hidden text field",
        "name": "hidden-text",
        "valueType": "string",
        "condition": { "===": [{"var" : "reveal"}, true] }
      }
    ]
 }
条件 False
非表示のテキストフィールド
条件 True
表示されたテキストフィールド

カスタムプレビュー URL custom-preview-urls

カスタムプレビュー URL は、urn:adobe:aue:config:preview メタ設定を使用して指定できます。この URL は、エディターの右上のツールバーにある「ページを開く」ボタンをクリックすると開きます。

これは、WYSIWYG オーサリングを備えた Edge Delivery Services を使用するアプリケーションなど、特定のプレビュー要件を持つアプリケーションに特に役立ちます。

これを行うには、次の例のように、実装されたアプリのメタタグに目的のプレビュー URL を含めるのみです。

<meta name="urn:adobe:aue:config:preview" content="https://wknd.site"/>
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab