リッチメディア表示

​

1. はじめに

​

1.1 コンポーネントの概要

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

​

1.2 ユースケース

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

​

2. ベーシック機能

​

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

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

​

2.2 モバイル側設定

​

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

• 余白なし
• 16px

​

2.2.2 ページ折り畳み設定

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

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

​

2.3 設定

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