読み取り専用テキストのマークダウンオプション
CPQレイアウトで ReadOnlyText コンポーネントのマークダウン書式を有効にして、テキストの表示を強化します。太字、斜体、リスト、リンク、画像、および動的フィールド値の構文を使用して、明確で魅力的でコンテキストに応じた表示テキストを構成内に作成します。
この記事では、コンポーネント表示タイプが ReadOnlyText のネイティブ CPQ UI レイアウトでテキストフィールドが定義されている場合に、管理者が使用できるマークダウン構文と動作について説明します。レイアウトオプションの詳細については、「 CSV レイアウトのアップロード」を参照してください。
マークダウン書式を ReadOnlyText コンポーネントに適用するには:
- レイアウトエディターで、フィールドプロパティ (歯車アイコンの付いたボタン) を開きます
- 次を生の値として追加します:
{ "enableMarkdown": true } - テキストフィールドの値には、次のマークダウン構文を使用します。
| 書式設定オプション | 構文 | 出力 | メモ | ||||||
|---|---|---|---|---|---|---|---|---|---|
| Bold | **これは太字になります** | 太字テキスト | double * の代わりに二重アンダースコアも機能します | ||||||
| イタリック |
*これは斜体になります* _thisがitalic_されます |
斜体テキスト | 単一の * の代わりに単一のアンダースコアを使用することもできます | ||||||
| 順序付けされていないリスト | アイテム\r- アイテム\r- アイテム |
|
|||||||
| 注文済みリスト | 1.アイテム\r2。アイテム\r3。アイテム |
|
|||||||
| 改行 | \n | ||||||||
| 「リンク」 | [リンク表示テキスト](https://www.example.com) | リンク表示テキスト | 入力した JavaScript はすべてサニタイズされます | ||||||
| イメージ |  | 適用外 | |||||||
| テーブル | |ヘッダー 1 |ヘッダー 2 |\n|---|---|\n|行1色1 |行 1Col2 |\n|行2Col1 |行2Col2 | |
|
デフォルトでは、列は左揃えです。右揃えするには、 デフォルトでは、テーブルの境界線はオフになっています。境界線を追加するには、テーマプロパティ |
||||||
| ダイナミックテキスト | {{フィールド変数名}} | 選択したフィールドの値をテキストに出力します | |||||||
| ダイナミック非フィールドテキスト | {{txn#rowNumber}} |
コンテキストに基づいて動的テキストの値を出力します 現在、txn 行の rowNumber のみがサポートされています |
このマークダウン構文は、フィールドヘルプポップアップで使用できる構文と同じです。
Markdown で文字列を返す
Markdown で文字列を返す場合は、特に改行に \n などのエスケープ文字を使用する場合は、文字列を二重引用符で囲みます。一重引用符を使用すると、Markdown が正しく表示されず、予期しない結果につながる可能性があります。
たとえば、次の return 関数を入力すると、エスケープされた文字が出力に表示されます。
return 関数が同じテキストを二重引用符で囲むと、出力は意図したとおりに表示されます。