この文章は Salesforce 機械翻訳システムを使用して翻訳されました。詳細はこちらをご参照ください。
英語に切り替える

ui:outputRichText

value 属性の指定に従って、パラグラフ、画像、ハイパーリンクなど、タグを含むリッチ形式テキストを表示します。

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 タグ (abbrbigblockquotecaptioncitecodecolcolgroupdeldivemh1h2h3hriimginskbdliolpparampreqssampsmallspanstrongsubsuptabletbodytdtfootththeadtrttuulvarstrike) をサポートします。

サポートされている HTML 属性は、acceptactionalignaltautocompletebackgroundbgcolorbordercellpaddingcellspacingcheckedciteclassclearcolorcolscolspancoordsdatetimedefaultdirdisableddownloadenctypefaceforheadersheighthiddenhighhrefhreflangidismaplabellanglistlooplowmaxmaxlengthmediamethodminmultiplenamenoshadenovalidatenowrapopenoptimumpatternplaceholderposterpreloadpubdateradiogroupreadonlyrelrequiredrevreversedrowsrowspanspellcheckscopeselectedshapesizespansrclangstartsrcstepstylesummarytabindextargettitletypeusemapvalignvaluewidthxmlns です。

属性

属性名 属性型 説明 必須項目
body Component[] コンポーネントのボディ。マークアップでは、これはタグのボディに含まれるすべてを指します。
class String コンポーネントに添付される CSS スタイル。このスタイルは、コンポーネントで出力される基本スタイルに追加されます。
linkify Boolean テキスト内の URL をハイパーリンクとして表示するように設定しているかどうかを示します。
value String 出力に使用されるリッチ形式テキスト。

イベント

イベント名 イベントタイプ 説明
dblclick COMPONENT ユーザがコンポーネントをダブルクリックすると起動されるイベント。
mouseover COMPONENT ユーザがコンポーネントにマウスポインタを重ねると起動されるイベント。
mouseout COMPONENT ユーザがコンポーネントからマウスポインタを移動すると起動されるイベント。
mouseup COMPONENT ユーザがコンポーネント上でマウスボタンを放すと起動されるイベント。
mousemove COMPONENT ユーザがコンポーネントにマウスポインタを重ねると起動されるイベント。
click COMPONENT ユーザがコンポーネントをクリックすると起動されるイベント。
mousedown COMPONENT ユーザがコンポーネント上でマウスボタンをクリックすると起動されるイベント。