リッチテキスト項目

ui:inputRichText は、リッチテキストを入力するための入力項目です。次のコードは、テキストエリアとボタンとして表示される、このコンポーネントの基本実装を示します。ボタンをクリックすると、ui:outputRichText コンポーネントの入力値を返すクライアント側のコントローラアクションが実行されます。この場合、値は「Aura」を太字で返し、「input rich text demo」を赤色で返します。

このデモでは、isRichText="false" 属性によってコンポーネントが ui:inputTextArea コンポーネントに置き換えられます。この属性が設定されていない場合、以下のような WYSIWYG リッチテキストエディタが表示されます。

リッチテキストエディタの幅と高さは、ui:inputTextArea コンポーネントの幅と高さとは独立しています。isRichText="false" に設定した場合にコンポーネントの幅と高さを設定するには、cols および rows 属性を使用します。それ以外の場合は、width および height 属性を使用します。