EditorField リッチテキストエディター - DingTalk Help Center

使用シーン

テキストに複雑な書式設定を適用する必要がある場合。
テキストと画像を組み合わせて表示する必要がある場合。

コンポーネントの例

コンポーネントのプロパティ

属性	説明	タイプ	デフォルト
`behavior`	フォームコンポーネントの表示状態	Behavior	`'NORMAL'`
`config`	一般設定	`object`	{ "statusbar": false, "menubar": false, "toolbar1": "undo redo bold italic underline strikethrough \| fontselect fontsizeselect forecolor backcolor \| alignleft aligncenter alignright alignjustify \| bullist numlist outdent indent \| table link image media upload \| code \| fullscreen \| variable \| removeformat", "toolbar2": false, "height": 300, "fontsize_formats": "8px 10px 12px 14px 16px 18px 24px 36px 48px", "visual": true, "keep_values": false, "forced_root_block": "div", "plugins": [ "advlist autolink lists link image charmap print preview anchor", "searchreplace visualblocks code fullscreen", "insertdatetime media table contextmenu paste code", "colorpicker", "upload", "placeholder", "variable", "noneditable" ] } { "statusbar": false, "menubar": false, "toolbar1": "undo redo bold italic underline strikethrough \| fontselect fontsizeselect forecolor backcolor \| alignleft aligncenter alignright alignjustify \| bullist numlist outdent indent \| table link image media upload \| code \| fullscreen \| variable \| removeformat", "toolbar2": false, "height": 300, "fontsize_formats": "8px 10px 12px 14px 16px 18px 24px 36px 48px", "visual": true, "keep_values": false, "forced_root_block": "div", "plugins": [ "advlist autolink lists link image charmap print preview anchor", "searchreplace visualblocks code fullscreen", "insertdatetime media table contextmenu paste code", "colorpicker", "upload", "placeholder", "variable", "noneditable" ] }
`label`	フォームコンポーネントのタイトル	`string`	-
`labelAlign`	フォームコンポーネントのタイトルの配置位置	`'left' \| 'top'`	`'top'`
`labelColOffset`	タイトルのオフセット位置。値はグリッド値で、1 は 1/24 を表します。	`number`	`0`
`labelColSpan`	タイトルの幅（グリッド単位）。1 は 1/24 を表します。	`number`	`4`
`labelTextAlign`	フォームコンポーネントのタイトルのテキスト配置	`'left' \| 'right'`	`'right'`
`labelTipsIcon`	タイトルのお知らせのエントリポイントとなるアイコン。labelTipsTypes が text または render に設定されている場合に有効です。	`string`	-
`labelTipsRender`	タイトルのお知らせのカスタムレンダリングメソッド。labelTipsTypes が render に設定されている場合に有効です。	`(props: IComponentProps) => ReactNode`	-
`labelTipsText`	タイトルのお知らせのテキストコンテンツ。labelTipsTypes が text に設定されている場合に有効です。	`string`	-
`labelTipsTypes`	フォームコンポーネントのタイトルのお知らせのタイプ設定	LabelTipsTypes	`'none'`
`onChange`	値が変更されたときに発火	`({ value : string }) => void`	-
`placeholder`	プレースホルダーテキスト	`string`	`'入力してください'`
`size`	フォームコンポーネントのサイズ	Size	`'medium'`
`tips`	フォームコンポーネントの説明。コントロールの下に表示されます。	`string`	-
`uploadConfig`	画像アップロードの設定	UploadConfig	`{}`
`validation`	フォームコンポーネントのバリデーション設定。詳細はフォームバリデーションのドキュメントを参照してください。	Validation[]	`[]`
`value`	リッチテキストのデフォルト値	`string`	-
`wrapperColOffset`	フォームコンポーネントのオフセット位置。値はグリッド値で、1 は 1/24 を表します。	`number`	`0`
`wrapperColSpan`	フォームコンポーネントの幅（グリッド単位）。1 は 1/24 を表します。	`number`	`0`