inputRichText - リッチテキスト

リッチテキスト形式のデータを入力するための入力フィールドを表示します。

カテゴリ

コアコントロール

構文

<xp:inputRichText attributes>content</xp:inputRichText>

表 1. 必須プロパティ
プロパティ	説明
id	デフォルトは `inputRichText1`、`inputRichText2` などです。
value	コントロールをデータ要素またはその他の値にバインドします。

表 2. すべてのプロパティ
カテゴリ	プロパティ
アクセシビリティ	accesskey、role、tabindex、title
basics	attrs、binding、dir、disabled、htmlConversionWarning、htmlFilter、htmlFilterIn、id、immediate、lang、loaded、multipleSeparator、multipleTrim、readonly、rendered、rendererType、required
data	converter、defaultValue、disableClientSideValidation、disableModifiedFlag、showReadonlyAsDisabled、validator、validators、value、valueChangeListener、valueChangeListeners
dojo	dojoAttributes、dojoType
イベント	onblur、onchange、onclick、onfocus、onkeydown、onkeypress、onkeyup
styling	disableTheme、outerStyleClass、 style、styleClass、 themeId

使用法

実行時に、ツールバー付きの編集ボックスがページに表示されます。ユーザーは、太字体や斜体などの属性を持つテキストを入力できます。また、表、添付ファイル、埋め込みオブジェクト、その他の成果物を挿入できます。

CKEditor (http://ckeditor.com) は、XPages のデフォルトのリッチテキストエディタです。このエディタでは、イメージ、表、リンク、顔文字の埋め込みが可能です。エディタにはスペルチェッカーが含まれます。

レンダリングされたツールバーを調整できます。リッチテキストコントロールをフォーカスして、 [Dojo] タブをクリックし、lite、 medium、full の値を持つ toolbarType という名前の属性 (dojoAttributes プロパティ) を追加します。

Dojo リッチテキストエディタに戻すこともできます。リッチテキストコントロールをフォーカスして、[Dojo] タブをクリックし、 Dojo タイプ (dojoType プロパティ) を ibm.xsp.widget.layout.RichText と指定します。

例

下のリッチテキストコントロールは、Domino® フォーム上のフィールドにバインドされます。

<xp:inputRichText id="inputRichText1" value="#{document1.body}"></xp:inputRichText>

下のリッチテキストコントロールは、Dojo エディタを使用します。

<xp:inputRichText id="inputRichText1"
	value="#{document1.body}" dojoType="ibm.xsp.widget.layout.RichText">
</xp:inputRichText>

下のリッチテキストコントロールは、全機能を備えたツールバーをレンダリングします。

<xp:inputRichText id="inputRichText1" value="#{document1.body}">
	<xp:this.dojoAttributes>
		<xp:dojoAttribute name="toolbarType" value="full"></xp:dojoAttribute>
	</xp:this.dojoAttributes>
</xp:inputRichText>