> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# リッチメディア表示

> 商品展示、経費精算、企業文化などのシナリオに適したプレミアムテキストコンポーネント。カスタムテキスト、スタイル、画像アップロードなどのプレミアムコンテンツ設定に対応し、左右の余白サイズやページ折り畳みオプションを含むモバイル側の設定を提供します。

<Warning>
  注意：リッチメディア表示コンポーネント内の画像は、現時点で「サイレントログインモード」でのアクセスに対応していません。共有URLで画像を使用する場合は、まず別の画像ホスティングサービスにアップロードしてください。本機能はYiDAのプロダクトロードマップに含まれており、今後のアップデートにご期待ください。
</Warning>

## 1. はじめに

### 1.1 コンポーネントの概要

テキストスタイルを個別に設定できるプレミアムテキストコンポーネントです。

### 1.2 ユースケース

商品展示、経費精算、企業文化などのシナリオで本コンポーネントを使用します。

## 2. ベーシック機能

### 2.1 プレミアムコンテンツの設定

「プレミアムコンテンツの設定」をクリックしてリッチテキスト編集者を開きます。編集者は[**リッチテキストコンポーネント**](/ja/yida/form/hdi3ya)と同一で、DingTalkドキュメントの編集者と操作性が統一されています。テキスト入力、スタイルのカスタマイズ、画像のアップロードなどが可能です。

テキストコンテンツを設定します。

### 2.2 モバイル側設定

#### 2.2.1 左右の余白サイズを設定

* 余白なし

* 16px

#### 2.2.2 ページ折り畳み設定

* 折り畳み可能：最大高さを設定した場合に、ページを折り畳めるかどうか。
* 折り畳み高さ：コンテンツがこの高さを超えると、折り畳みに対応します。
* 初期状態で折り畳む：初期化時（ページを開いたとき）にページを折り畳むかどうか。

**例**：上記の設定では、モバイル端末でページを開くと折り畳まれた状態で表示されます。ドロップダウンボタンをタップすると、ページ全体が展開されます。

結果：

#### 2.3 設定

ページ全体の表示設定（余白など）を行います。

スタイルを設定します。

**注意：リッチメディア表示コンポーネントはリッチテキストを含むため固定値です。テキスト関連のスタイルは、できる限りリッチテキスト編集者で設定してください。スタイルデザイナーの一部の属性は、リッチテキスト編集者でのスタイル設定よりも優先度が低くなります（フォントサイズや色など）。**

参照：[**スタイル概要**](/ja/yida/form/gdnsgw)