> ## Documentation Index > Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt > Use this file to discover all available pages before exploring further. # EditorField リッチテキストエディター > EditorField リッチテキストエディターコンポーネントのリファレンス。エディターの機能と、リッチメディアレイアウトや複雑な書式設定に対応するためのコンテンツの読み書き方法を解説します。 ## 使用シーン * テキストに複雑な書式設定を適用する必要がある場合。 * テキストと画像を組み合わせて表示する必要がある場合。 ## コンポーネントの例 ## コンポーネントのプロパティ | 属性 | 説明 | タイプ | デフォルト | | ------------------ | ------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | `behavior` | フォームコンポーネントの表示状態 | [Behavior](/ja/open/yida/components/interface#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](/ja/open/yida/components/interface#labeltipstypes) | `'none'` | | `onChange` | 値が変更されたときに発火 | `({ value : string }) => void` | - | | `placeholder` | プレースホルダーテキスト | `string` | `'入力してください'` | | `size` | フォームコンポーネントのサイズ | [Size](/ja/open/yida/components/interface#size) | `'medium'` | | `tips` | フォームコンポーネントの説明。コントロールの下に表示されます。 | `string` | - | | `uploadConfig` | 画像アップロードの設定 | [UploadConfig](/ja/open/yida/components/interface#uploadconfig) | `{}` | | `validation` | フォームコンポーネントのバリデーション設定。詳細は [フォームバリデーションのドキュメント](/ja/open/yida/guide/concept/validation) を参照してください。 | [Validation\[\]](/ja/open/yida/components/interface#validation) | `[]` | | `value` | リッチテキストのデフォルト値 | `string` | - | | `wrapperColOffset` | フォームコンポーネントのオフセット位置。値はグリッド値で、1 は 1/24 を表します。 | `number` | `0` | | `wrapperColSpan` | フォームコンポーネントの幅（グリッド単位）。1 は 1/24 を表します。 | `number` | `0` |