This blog shines a light on SAP Fiori’s rich text editor (RTE) built with SAPUI5 controls.
As you might already know, the RTE is a control for data input and editing. ‘Rich’ comes from the complex formatting possibilities. As a ‘What You See Is What You Get’ editor (WYSIWYG), the content in edit mode closely resembles the final display mode.
Watch SAP Fiori’s RTE introducing itself and its actions.
The SAP Fiori look’n’feel
Native TinyMCE toolbar
Custom SAP Fiori toolbar
The self-explanatory actions contained in the toolbar are like those that we know from other text editing programs. They enable changing the font style, family, size, color, aligning and indenting text, creating lists and simple tables, and more. It is best to only offer actions that are relevant to your use-case in the toolbar.
On smaller screens, the custom toolbar imitates the overflow behavior of the SAP Fiori toolbar. If the available actions don’t fit into the toolbar, they move into the dropdown menu of the overflow button.
Do you want to try out the RTE? Check it out in the SAPUI5 API Reference.
Much kudos to our RTE experts Veselina Petrova and Yordanka Petkova!