Formatting functions in HTML field editors
-
- UpdatedAug 1, 2024
- 5 minutes to read
- Xanadu
- Platform Field Administration
The formatting table displays how to control the way text appears.
The following table displays icons that are available in the TinyMCE and the htmlArea editors. Names marked with an asterisk (*) aren’t available with the htmlArea editor.
| Name | htmlArea icon | TinyMCE icon | Description |
|---|---|---|---|
| Align Center |
|
|
Applies center alignment to the current paragraph. Code reference: |
| Align Left |
|
|
Applies left alignment to the current paragraph. Code reference: |
| Align Right |
|
|
Applies right alignment to the current paragraph. Code reference: |
| Background Color |
|
|
Applies background color to the current word or selected text. Select the button to use the current color. Select More Colors... to view various color options and the hexadecimal codes. |
| Blocks |
|
|
Toggles the visibility of block level elements in the editable area. It’s similar to WYSIWYG hidden character functionality, but at block level. |
| *Block quote |
|
Applies block quote format to the current block level element. | |
| Bold |
|
|
Applies bold formatting to the selected text or current word. Keyboard shortcut: CTRL + B |
| Bullet List |
|
|
Applies or removes unordered list tags for the selected paragraphs. Select the arrow to choose a different bullet type. |
| Font Family |
|
|
Applies a font family to the selected text or current word. |
| Font Size |
|
|
Applies a font size to the selected text or current word. |
| Increase Indent |
|
|
Applies indentation to the current or selected paragraphs, adding 30 px of left padding. Code reference: |
| Italic |
|
|
Applies italic formatting to the selected text or current word. Keyboard shortcut: CTRL + I |
| Justify |
|
|
Applies justified alignment, which stretches the lines to be equal widths, to the selected paragraph. Code reference: |
| *LTR (Left to Right) |
|
Sets the directionality of contents to from left to right. | |
| *New document |
|
Creates a document without any formatting. | |
| Non-breaking |
|
Inserts a non-breaking space into the editor. | |
| Numbered List |
|
|
Applies or removes ordered list tags for the selected paragraphs. Select the arrow to choose a different number type. |
| Outdent |
|
|
Removes indentation from the current or selected paragraphs, removing 30 px of left padding. Note: Padding can’t be less than 0.
Code reference: |
| *Page-break |
|
Inserts a page-break into the editor. | |
| *Remove format |
|
Removes the formatting from the selected text. | |
| *RTL (Right to Left) |
|
Sets the directionality of contents to right to left. | |
| Strike through |
|
Applies strikethough formatting to the selected text. | |
| *Subscript |
|
Applies subscript formatting to the selected text. | |
| *Superscript |
|
Applies superscript formatting to the selected text. | |
| Text Color |
|
|
Applies text color to the selected text. Select the button to use the current color. Select More Colors... to view various color options and the hexadecimal codes. |
| Underline |
|
|
Applies underline formatting to the selected text or current word. Keyboard shortcut: CTRL + U |
