RichTextEditor
The rich-text editor (aka. WYSIWYG) allows user to format text using an editing area. This component uses CKEditor under the hood.The rich-text editor allows user to add special formatting to the text. Using this editor, user can bold, underline, change colour and fonts, add hyperlinks, add lists and tables, insert video/images etc.
When users are allowed to add simple text that doesn't require formatting, use a TextareaInput instead.
The placement of the toolbar can be either at the top or bottom; it depends on the context of your application. EDS recommends:
if it contains actions that users need to access frequently and formatting is the primary goal for the user. For example, it is used for creating job descriptions, editing documents, crafting certificate templates, and writing HTML/Markdown, etc.
if it is used for adding comment, sending messages etc.
By default, the rich-text editor is set with a minimum height of 240px, but it automatically adjusts its height based on the content. Alternatively, depending on specific use cases, you have the option to set a maximum height, making any content exceeding this limit scrollable. the toolbar always fixed to the top when scrolling.
It allows you to track the number of words and characters in the editor. this can be used when you need to set maximum character or words limit to the editor.
Validation for max character count and max word count is coming soon!
CKEditor comes with built-in spell and grammar check capabilities, corrects spelling and grammar mistakes while typing or in a separate dialog and polishes writing.