テキストエリア
概要
Avonni Text Area コンポーネントは、コメント、説明、自由形式のデータなど、長めのテキストを入力するための複数行入力フィールドを提供します。Salesforce のダイナミックコンポーネントで詳細な入力を取得する際に重要です。
主な機能
複数行のサポート： 長い入力に対する自動改行。
リサイズ可能： ユーザーがドラッグしてサイズを調整できることが多いです。
長さの制御： 最小/最大文字数を設定できます。
文字数カウント： フィードバックのためにライブ表示をオプションで行えます。
データバインディング： 保存や再利用のためにテキスト変数にバインドします。
入力モード： プレーンテキストまたはリッチフォーマット。
プレースホルダー： ガイダンス用のヒントテキスト。
ユースケース
サポートアプリでケースの説明やフィードバックを記録します。
製品メモやプロジェクトの詳細を入力します。
アンケートやポータルでユーザーのコメントを収集します。
複数行の住所や指示を入力します。
ナレッジ記事のためにリッチテキストのエントリを作成します。
設定
キャンバス上で Text Area を選択して、右側のプロパティパネルでプロパティにアクセスします。
基本プロパティ
これらは識別、ラベリング、およびコアデータを管理します。
API名
AccountId equals {!inputAccountId}
インスタンスの一意の識別子。
CaseDescriptionTextArea
ラベル
AccountId equals {!inputAccountId}
表示されるラベル。
"Description:"
フィールドレベルのヘルプ
テキスト（オプション）
ラベルの横に表示される追加のガイダンス。
"Provide details here."
値
テキストバインディング
ユーザー入力を保持します。保存、デフォルト、および再利用のためにテキスト変数にバインドします。
バインド先 {!caseDescription}
プレースホルダー
テキスト（オプション）
入力前に表示されるヒントテキスト。
"Enter details..."
テキスト入力と書式設定
これらはテキストのスタイルと制約を制御します。
フォント
AccountId equals {!inputAccountId}
テキストのフォントファミリー。
"Arial", "Times New Roman"。
フォントサイズ
数値
ポイント単位のサイズ。
14
最大長
数値（オプション）
許容される最大文字数。
1000
最小長
数値（オプション）
必要な最小文字数。
50
文字数を表示
ブール（チェックボックス）
ライブカウントを表示します（例："25/200"）。
最大長と併用することが推奨されます。
モード
選択：
編集スタイル：プレーン（基本テキスト）またはリッチ（ツールバー付き）。
プレーン、リッチ。
リッチモードでは、ユーザーは次のようなオプションを持つツールバーにアクセスします：
ヘッダー： スタイルを適用します（例：H1、H2）。
色： テキストの前景色。
ハイライト色： 背景色。
コード： 等幅フォントのスニペット書式。
フォント： フォントファミリーを変更します。
その他（太字、斜体、リストなど）。
動作プロパティ
これらはインタラクティブ性と状態を扱います。
必須
ブール値
入力を必須にします。検証と統合してください。
無効（Disabled）
ブール値
すべての操作を防ぎます。
読み取り専用（Read Only）
ブール値
表示やコピーは可能ですが編集はできません。
主な注意点
長さ制限： ユーザーフレンドリーな強制のために、最大/最小長と文字数表示を組み合わせてください。
モード選択： 単純なテキストには 'plain' を使用してください。'rich' は表現力を高めますがオーバーヘッドが増えるため、パフォーマンステストを行ってください。
アクセシビリティ： ラベルは説明的にしてください。リッチモードはフォーマットされたコンテンツのスクリーンリーダー対応をサポートします。
よくある問題のトラブルシューティング
文字数カウントが表示されない： 文字数表示を有効にし、最大長を設定してください。
書式が表示されない： モードが rich になっていることを確認してください。ブラウザ拡張が干渉する場合があるため、シークレットウィンドウでテストしてください。
長いテキストが切れる： 最大長を増やすか、非常に大きな入力にはスクロールを使用してください。
まとめ
Avonni Text Area コンポーネントは、複数行テキストを効率的に取得し、制限、書式設定、バインディングのオプションを提供します。Salesforce の UI におけるフォームやデータ入力に幅広く利用できます。関連トピックは Avonni 入力コンポーネントや変数ガイドを参照してください。
最終更新
役に立ちましたか？