ui:outputRichText
ui:outputRichText コンポーネントは、リッチテキストを表し、ui:inputRichText コンポーネントからの入力の表示に使用できます。このコンポーネントは、リッチテキスト項目内の URL およびメールアドレスをハイパーリンクとして表示します。
たとえば、ui:inputRichText コンポーネントを介して太字や色付きのテキストを入力し、その値を ui:outputRichText コンポーネントにバインドできます。結果は次の HTML のようになります。
1<div class="uiOutputRichText">
2 <b>Aura</b>, <span style="color:red">input rich text demo</span>
3</div>このコンポーネントは、HTML タグ (a、b、br、big、blockquote、caption、cite、code、col、colgroup、del、div、em、h1、h2、h3、hr、i、img、ins、kbd、li、ol、p、param、pre、q、s、samp、small、span、strong、sub、sup、table、tbody、td、tfoot、th、thead、tr、tt、u、ul、var、strike) をサポートします。
サポートされている HTML 属性は、accept、action、align、alt、autocomplete、background、bgcolor、border、cellpadding、cellspacing、checked、cite、class、clear、color、cols、colspan、coords、datetime、default、dir、disabled、download、enctype、face、for、headers、height、hidden、high、href、hreflang、id、ismap、label、lang、list、loop、low、max、maxlength、media、method、min、multiple、name、noshade、novalidate、nowrap、open、optimum、pattern、placeholder、poster、preload、pubdate、radiogroup、readonly、rel、required、rev、reversed、rows、rowspan、spellcheck、scope、selected、shape、size、span、srclang、start、src、step、style、summary、tabindex、target、title、type、usemap、valign、value、width、xmlns です。
属性
| 属性名 | 属性型 | 説明 | 必須項目 |
|---|---|---|---|
| body | Component[] | コンポーネントのボディ。マークアップでは、これはタグのボディに含まれるすべてを指します。 | |
| class | String | コンポーネントに添付される CSS スタイル。このスタイルは、コンポーネントで出力される基本スタイルに追加されます。 | |
| linkify | Boolean | テキスト内の URL をハイパーリンクとして表示するように設定しているかどうかを示します。 | |
| value | String | 出力に使用されるリッチ形式テキスト。 |
イベント
| イベント名 | イベントタイプ | 説明 |
|---|---|---|
| dblclick | COMPONENT | ユーザがコンポーネントをダブルクリックすると起動されるイベント。 |
| mouseover | COMPONENT | ユーザがコンポーネントにマウスポインタを重ねると起動されるイベント。 |
| mouseout | COMPONENT | ユーザがコンポーネントからマウスポインタを移動すると起動されるイベント。 |
| mouseup | COMPONENT | ユーザがコンポーネント上でマウスボタンを放すと起動されるイベント。 |
| mousemove | COMPONENT | ユーザがコンポーネントにマウスポインタを重ねると起動されるイベント。 |
| click | COMPONENT | ユーザがコンポーネントをクリックすると起動されるイベント。 |
| mousedown | COMPONENT | ユーザがコンポーネント上でマウスボタンをクリックすると起動されるイベント。 |