![]() ![]() This can be done in the rich text editor’s beforeEditorInit hook. Load or call the plugin after the TinyMCE core library has loaded.Alternatively, define the plugin directly in your code. Create or find a plugin.js file and place it in convenient place in your application.The general approach for enabling 3rd-party TinyMCE plugins for the rich text editor is: TinyMCE’s functionality can easily be extended using plugins, which can also be attached to the custom toolbar. The rich text editor is actually an SAPUI5 wrapper around the open source TinyMCE editor. However, because custom actions are displayed after the common actions, we recommend keeping the number of custom actions down to a reasonable level. Technically, you can add as many custom actions as you like. Users can also define some of the image properties, such as the width, height, and description.ġ2) Insert Table: Inserts a simple table within the content area.ġ3) Clipboard: This action group includes the Cut, Copy, and Paste actions.ġ4) Custom Action: If the use case requires an action that is not available in the set of common actions, you can attach an external plugin to the custom action. The two list types cannot be applied simultaneously.ĩ) Text Indent: Part of the structure group. These two actions let users increase or decrease the indentation of the text.ġ0) Link: A group with two actions: Insert/Edit Link and Remove Link.ġ1) Insert/Edit image: This option opens a dialog for adding and editing images. This action is applied at paragraph level and turns a normal paragraph into a list. There are two types of list: Bulleted List and Numbered List. The default background color is white.Ĩ) List Type: Part of the structure group. The default text color is black.ħ) Background Color: Opens a menu with different options for choosing the color of the background, including a color picker dialog. The change is applied to individual symbols.Ħ) Text Color: Opens a menu with different options for choosing the color of the text, including a color picker dialog. The minimum size is 8 pt and the maximum size is 36 pt. All available font sizes are displayed in a select control. ![]() The change is applied to individual symbols.ĥ) Font Size: Changes the size of the text. 17 font families are supported, including popular fonts like Verdana, Tahoma, Arial, Times New Roman, and Helvetica. All the available fonts are displayed in a select control. The default style is Paragraph.Ĥ) Font: Changes the font family of the text. The selected style is applied to the entire paragraph.ģ) Styles: Offers a list of predefined styles, including 6 heading levels and a paragraph. All of the actions can be combined, which means that a preselected text can be bold, italicized, underlined and crossed out at the same time.Ģ) Align Text: A group of actions for aligning the text: Align Left, Align Right, Center and Justify. Never overflow: These actions are always visible in the toolbar.ġ) Font Styles: A group of four styles that can be applied to individual symbols ( Bold, Italic, Underline and Strikethrough).Lower-priority actions are those with the priorities “Disappear” or “Low”, and all unprioritized actions. High: Actions with priority “High” remain visible in the toolbar until all lower-priority actions have moved to the overflow.Assign this status to actions the user rarely needs. Low: Actions with the priority “Low” overflow first.Disappear: An action that is not so relevant for the user can disappear if the space is limited.Always overflow: The action always goes into the overflow.You can prioritize the actions in the toolbar by applying one of five statuses: Clicking the overflow button reveals the hidden options.Įach action has a priority, which determines whether and when the action moves into the overflow menu. If the available actions do not all fit into the available space in the toolbar, the extra actions disappear from the visible part of the toolbar from right to left, and an overflow menu button appears on the right of the toolbar. On smaller screens, the custom toolbar utilizes the overflow behavior of the standard SAP Fiori toolbar.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |