Toolbar
The well configured rich text editor toolbar meeting end-users expectations is first step to laverege work efficiency. The plug-in exposes dozen of options to configure the toolbar including:
- customizing what buttons are available for the end-user
- responsive toolbar layout depending on the browser width
- configuring what fonts can be used to create rich text document
- configuring what font sizes can be used to create rich text document
- configuring what pararagraph styles can be used to create rich text document
- configuring different layouts depending on document nature
- and much more
The editor's toolbar can be highly customized using JavaScript Code, APEX dynamic actions interface, and some features can be dependent on application PL/SQL logic.
Responsive
The toolbar layout is very flexible and it's up to developer what rich text editor functionalities are available to the end-user. The toolbar supports reponsive design dependent on the browser current width by exposing 4 stages:
- browser width greater than 1200px
- browser width smaller than 1200px but larger than 922px
- browser width smaller than 922px but larger than 768px
- browser width smaller than 768px
- Bigger than 1200px
- 1200px - 922px
- 992px - 768px
- Smaller than 768px
See example code in toolbar customination guides for responsive layout.
Groups and presets
The toolbar buttons can be grouped into four optional groups paragrahp, text, rich and misc, aligned to left and right. Each toolbar groups support hidding not fitting buttons.
The plug-in attribute toolbar allows defining toolbar buttons using predefined presets basic, intermediate and full. The summary below presents each group highlighted, and buttons available for each preset.
- Paragrapgh
- Text
- Rich
- Misc
Button ID | Basic | Intermediate | Full |
---|---|---|---|
paragraphFormat | ❌ | ✔️ | ✔️ |
fontFamily |