Formatting functions in HTML field editors
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 |
|---|---|---|---|
|
A11y Checker |
|
[Omitted image "a11y-checker.png"] Alt text: TinyMCE Accessibility Checker |
Allows you to check the HTML in the editor for various WCAG & Section 508 accessibility problems. |
|
Align Center |
[Omitted image "CenterTextAlignHTML.png"] Alt text: Center text align html |
[Omitted image "TinyMCEV6-align-center_icon.png"] Alt text: TinyMCE v6 Align Center |
Applies center alignment to the current paragraph. Code reference: |
|
Align Left |
[Omitted image "LeftTextAlignHTML.png"] Alt text: Left text align html |
[Omitted image "TinyMCEV6-align-left_icon.png"] Alt text: TinyMCE v6 Align Left |
Applies left alignment to the current paragraph. Code reference: |
|
Align Right |
[Omitted image "RightTextAlignHTML.png"] Alt text: Right text align html |
[Omitted image "TinyMCEV6-align-right_icon.png"] Alt text: TinyMCE v6 Align Right |
Applies right alignment to the current paragraph. Code reference: |
|
Background Color |
[Omitted image "BgColorHTML.png"] Alt text: Background color html |
[Omitted image "TinyMCEV6-background-color_icon.png"] Alt text: TinyMCE v6 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 |
[Omitted image "ParaStylesHTML.png"] Alt text: Paragraph styles html |
[Omitted image "ParaStylesHTML.png"] Alt text: TinyMCE Block style |
Applies the selected header or paragraph style to the current word or selected text. |
|
*Block quote |
|
[Omitted image "TinyMCEV6-blockquote_icon.png"] Alt text: TinyMCE v6 block-quotes |
Applies block quote format to the current block level element. |
|
Bold |
[Omitted image "BoldHTML.png"] Alt text: Bold html |
[Omitted image "TinyMCEV6-bold_icon.png"] Alt text: TinyMCE v6 Bold |
Applies bold formatting to the selected text or current word. Keyboard shortcut: CTRL + B |
|
Bullet List |
[Omitted image "BulletedHTML.png"] Alt text: Bullet html |
[Omitted image "TinyMCEV6-bullet-list_icon.png"] Alt text: TinyMCE v6 Bullet List |
Applies or removes unordered list tags for the selected paragraphs. Select the arrow to choose a different bullet type. |
|
Font Family |
[Omitted image "FontFamilyHTML.png"] Alt text: Font Family html drop-down menu |
[Omitted image "TinyMCEV6-fontfamily_icon.png"] Alt text: TinyMCE v6 Font Family drop-down menu |
Applies a font family to the selected text or current word. |
|
Font Size |
[Omitted image "FontSizeHTML.png"] Alt text: Font size html |
[Omitted image "TinyMCEV6-fontsize_icon.png"] Alt text: TinyMCE v6 Font Size drop-down menu |
Applies a font size to the selected text or current word. |
|
Format painter |
|
[Omitted image "format-painter.png"] Alt text: TinyMCE Format Painter |
Applies formatting choices, including font style, size, and table styles, between locations within the TinyMCE editable area. Supports various formats like inline and block styles. |
|
Increase Indent |
[Omitted image "IndentHTML.png"] Alt text: Indent html |
[Omitted image "TinyMCEV6-increase-indent_icon.png"] Alt text: TinyMCE v6 Increase Indent |
Applies indentation to the current or selected paragraphs, adding 30 px of left padding. Code reference: |
|
Italic |
[Omitted image "ItalicHTML.png"] Alt text: Italic html |
[Omitted image "TinyMCEV6-italic_icon.png"] Alt text: TinyMCE v6 Italic |
Applies italic formatting to the selected text or current word. Keyboard shortcut: CTRL + I |
|
Justify |
[Omitted image "FullTextAlignHTML.png"] Alt text: Full text align html |
[Omitted image "TinyMCEV6-justify_icon.png"] Alt text: TinyMCE v6 Justify |
Applies justified alignment, which stretches the lines to be equal widths, to the selected paragraph. Code reference: |
|
*LTR (Left to Right) |
|
[Omitted image "TinyMCEV6-ltr_icon.png"] Alt text: TinyMCE v6 LTR |
Sets the directionality of contents to from left to right. |
|
*New document |
|
[Omitted image "TinyMCEV6-new-document_icon.png"] Alt text: TinyMCE v6 New Document |
Creates a document without any formatting. |
|
Non-breaking |
|
[Omitted image "TinyMCEV6-nonbreaking_icon.png"] Alt text: TinyMCE v6 Non-breaking |
Inserts a non-breaking space into the editor. |
|
Numbered List |
[Omitted image "NumberedHTML.png"] Alt text: Numbered html |
[Omitted image "TinyMCEV6-numbered-list_icon.png"] Alt text: TinyMCE v6 Numbered List |
Applies or removes ordered list tags for the selected paragraphs. Select the arrow to choose a different number type. |
|
Outdent |
[Omitted image "DeIndentHTML.png"] Alt text: Decrease Indent html |
[Omitted image "TinyMCEV6-outdent_icon.png"] Alt text: TinyMCE v6 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 |
|
[Omitted image "TinyMCEV6-pagebreak_icon.png"] Alt text: TinyMCE v6 Page-break |
Inserts a page-break into the editor. |
|
*Remove format |
|
[Omitted image "TinyMCEV6-remove-formatting_icon.png"] Alt text: TinyMCE v6 Remove format |
Removes the formatting from the selected text. |
|
*RTL (Right to Left) |
|
[Omitted image "TinyMCEV6-rtl_icon.png"] Alt text: TinyMCE v6 RTL |
Sets the directionality of contents to right to left. |
|
Strike through |
|
[Omitted image "TinyMCEV6-strikethrough_icon.png"] Alt text: TinyMCE v6 Strike through |
Applies strikethough formatting to the selected text. |
|
*Subscript |
|
[Omitted image "TinyMCEV6-subscript_icon.png"] Alt text: TinyMCE v6 Subscript |
Applies subscript formatting to the selected text. |
|
*Superscript |
|
[Omitted image "TinyMCEV6-superscript_icon.png"] Alt text: TinyMCE v6 Superscript |
Applies superscript formatting to the selected text. |
|
Text Color |
[Omitted image "TextColorHTML.png"] Alt text: Text color html |
[Omitted image "TinyMCEV6-text-color_icon.png"] Alt text: TinyMCE v6 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 |
[Omitted image "UlineHTML.png"] Alt text: Underline html |
[Omitted image "TinyMCEV6-underline_icon.png"] Alt text: TinyMCE v6 Underline |
Applies underline formatting to the selected text or current word. Keyboard shortcut: CTRL + U |
--- title: Formatting functions in HTML field editors description: The formatting table displays how to control the way text appears. locale: en-US canonical_url: https://www.servicenow.com/docs/r/australia/platform-administration/r\_Formatting.html release: australia topic_type: reference last_updated: "2026-09-10" reading_time_minutes: 3 breadcrumb: [Configure the HTML toolbar, Configure a field editor for the HTML field, Reference, Field administration, Forms, fields, and lists, Configure core features, Administer the ServiceNow AI Platform] --- # Formatting functions in HTML field editors 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. <table id="table_q42_3gf_vq"><thead><tr><th> Name </th><th> htmlArea icon </th><th> TinyMCE icon </th><th> Description </th></tr></thead><tbody><tr><td> A11y Checker </td><td> </td><td> \[Omitted image "a11y-checker.png"\] Alt text: TinyMCE Accessibility Checker </td><td> Allows you to check the HTML in the editor for various WCAG & Section 508 accessibility problems. `a11ychecker` </td></tr><tr><td> Align Center </td><td> \[Omitted image "CenterTextAlignHTML.png"\] Alt text: Center text align html </td><td> \[Omitted image "TinyMCEV6-align-center\_icon.png"\] Alt text: TinyMCE v6 Align Center </td><td> Applies center alignment to the current paragraph. [Code reference](http://www.w3schools.com/cssref/pr_text_text-align.asp): `text-align:center` </td></tr><tr><td> Align Left </td><td> \[Omitted image "LeftTextAlignHTML.png"\] Alt text: Left text align html </td><td> \[Omitted image "TinyMCEV6-align-left\_icon.png"\] Alt text: TinyMCE v6 Align Left </td><td> Applies left alignment to the current paragraph. [Code reference](http://www.w3schools.com/cssref/pr_text_text-align.asp): `text-align:left` </td></tr><tr><td> Align Right </td><td> \[Omitted image "RightTextAlignHTML.png"\] Alt text: Right text align html </td><td> \[Omitted image "TinyMCEV6-align-right\_icon.png"\] Alt text: TinyMCE v6 Align Right </td><td> Applies right alignment to the current paragraph. [Code reference](http://www.w3schools.com/cssref/pr_text_text-align.asp): `text-align:right` </td></tr><tr><td> Background Color </td><td> \[Omitted image "BgColorHTML.png"\] Alt text: Background color html </td><td> \[Omitted image "TinyMCEV6-background-color\_icon.png"\] Alt text: TinyMCE v6 Background Color </td><td> 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. </td></tr><tr><td> Blocks </td><td> \[Omitted image "ParaStylesHTML.png"\] Alt text: Paragraph styles html </td><td> \[Omitted image "ParaStylesHTML.png"\] Alt text: TinyMCE Block style </td><td> Applies the selected header or paragraph style to the current word or selected text. </td></tr><tr><td> \*Block quote </td><td> </td><td> \[Omitted image "TinyMCEV6-blockquote\_icon.png"\] Alt text: TinyMCE v6 block-quotes </td><td> Applies block quote format to the current block level element. </td></tr><tr><td> Bold </td><td> \[Omitted image "BoldHTML.png"\] Alt text: Bold html </td><td> \[Omitted image "TinyMCEV6-bold\_icon.png"\] Alt text: TinyMCE v6 Bold </td><td> Applies bold formatting to the selected text or current word. Keyboard shortcut: CTRL + B </td></tr><tr><td> Bullet List </td><td> \[Omitted image "BulletedHTML.png"\] Alt text: Bullet html </td><td> \[Omitted image "TinyMCEV6-bullet-list\_icon.png"\] Alt text: TinyMCE v6 Bullet List </td><td> Applies or removes unordered list tags for the selected paragraphs. Select the arrow to choose a different bullet type. </td></tr><tr><td> Font Family </td><td> \[Omitted image "FontFamilyHTML.png"\] Alt text: Font Family html drop-down menu </td><td> \[Omitted image "TinyMCEV6-fontfamily\_icon.png"\] Alt text: TinyMCE v6 Font Family drop-down menu </td><td> Applies a font family to the selected text or current word. </td></tr><tr><td> Font Size </td><td> \[Omitted image "FontSizeHTML.png"\] Alt text: Font size html </td><td> \[Omitted image "TinyMCEV6-fontsize\_icon.png"\] Alt text: TinyMCE v6 Font Size drop-down menu </td><td> Applies a font size to the selected text or current word. </td></tr><tr><td> Format painter </td><td> </td><td> \[Omitted image "format-painter.png"\] Alt text: TinyMCE Format Painter </td><td> Applies formatting choices, including font style, size, and table styles, between locations within the TinyMCE editable area. Supports various formats like inline and block styles. </td></tr><tr><td> Increase Indent </td><td> \[Omitted image "IndentHTML.png"\] Alt text: Indent html </td><td> \[Omitted image "TinyMCEV6-increase-indent\_icon.png"\] Alt text: TinyMCE v6 Increase Indent </td><td> Applies indentation to the current or selected paragraphs, adding 30 px of left padding. [Code reference](http://www.w3schools.com/cssref/pr_padding-left.asp): `padding-left` </td></tr><tr><td> Italic </td><td> \[Omitted image "ItalicHTML.png"\] Alt text: Italic html </td><td> \[Omitted image "TinyMCEV6-italic\_icon.png"\] Alt text: TinyMCE v6 Italic </td><td> Applies italic formatting to the selected text or current word. Keyboard shortcut: CTRL + I </td></tr><tr><td> Justify </td><td> \[Omitted image "FullTextAlignHTML.png"\] Alt text: Full text align html </td><td> \[Omitted image "TinyMCEV6-justify\_icon.png"\] Alt text: TinyMCE v6 Justify </td><td> Applies justified alignment, which stretches the lines to be equal widths, to the selected paragraph. [Code reference](http://www.w3schools.com/cssref/pr_text_text-align.asp): `text-align:justify` </td></tr><tr><td> \*LTR \(Left to Right\) </td><td> </td><td> \[Omitted image "TinyMCEV6-ltr\_icon.png"\] Alt text: TinyMCE v6 LTR </td><td> Sets the directionality of contents to from left to right. </td></tr><tr><td> \*New document </td><td> </td><td> \[Omitted image "TinyMCEV6-new-document\_icon.png"\] Alt text: TinyMCE v6 New Document </td><td> Creates a document without any formatting. </td></tr><tr><td> Non-breaking </td><td> </td><td> \[Omitted image "TinyMCEV6-nonbreaking\_icon.png"\] Alt text: TinyMCE v6 Non-breaking </td><td> Inserts a non-breaking space into the editor. </td></tr><tr><td> Numbered List </td><td> \[Omitted image "NumberedHTML.png"\] Alt text: Numbered html </td><td> \[Omitted image "TinyMCEV6-numbered-list\_icon.png"\] Alt text: TinyMCE v6 Numbered List </td><td> Applies or removes ordered list tags for the selected paragraphs. Select the arrow to choose a different number type. </td></tr><tr><td> Outdent </td><td> \[Omitted image "DeIndentHTML.png"\] Alt text: Decrease Indent html </td><td> \[Omitted image "TinyMCEV6-outdent\_icon.png"\] Alt text: TinyMCE v6 Outdent </td><td> Removes indentation from the current or selected paragraphs, removing 30 px of left padding. **Note:** Padding can’t be less than 0. [Code reference](http://www.w3schools.com/cssref/pr_padding-left.asp): `padding-left` </td></tr><tr><td> \*Page-break </td><td> </td><td> \[Omitted image "TinyMCEV6-pagebreak\_icon.png"\] Alt text: TinyMCE v6 Page-break </td><td> Inserts a page-break into the editor. </td></tr><tr><td> \*Remove format </td><td> </td><td> \[Omitted image "TinyMCEV6-remove-formatting\_icon.png"\] Alt text: TinyMCE v6 Remove format </td><td> Removes the formatting from the selected text. </td></tr><tr><td> \*RTL \(Right to Left\) </td><td> </td><td> \[Omitted image "TinyMCEV6-rtl\_icon.png"\] Alt text: TinyMCE v6 RTL </td><td> Sets the directionality of contents to right to left. </td></tr><tr><td> Strike through </td><td> </td><td> \[Omitted image "TinyMCEV6-strikethrough\_icon.png"\] Alt text: TinyMCE v6 Strike through </td><td> Applies strikethough formatting to the selected text. </td></tr><tr><td> \*Subscript </td><td> </td><td> \[Omitted image "TinyMCEV6-subscript\_icon.png"\] Alt text: TinyMCE v6 Subscript </td><td> Applies subscript formatting to the selected text. </td></tr><tr><td> \*Superscript </td><td> </td><td> \[Omitted image "TinyMCEV6-superscript\_icon.png"\] Alt text: TinyMCE v6 Superscript </td><td> Applies superscript formatting to the selected text. </td></tr><tr><td> Text Color </td><td> \[Omitted image "TextColorHTML.png"\] Alt text: Text color html </td><td> \[Omitted image "TinyMCEV6-text-color\_icon.png"\] Alt text: TinyMCE v6 Text Color </td><td> 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. </td></tr><tr><td> Underline </td><td> \[Omitted image "UlineHTML.png"\] Alt text: Underline html </td><td> \[Omitted image "TinyMCEV6-underline\_icon.png"\] Alt text: TinyMCE v6 Underline </td><td> Applies underline formatting to the selected text or current word. Keyboard shortcut: CTRL + U </td></tr></tbody> </table>
| title | Formatting functions in HTML field editors |
| description | The formatting table displays how to control the way text appears. |
| locale | en-US |
| canonical_url | https://www.servicenow.com/docs/r/australia/platform-administration/r\_Formatting.html |
| release | australia |
| topic_type | reference |
| last_updated | 2026-09-10 |
| reading_time_minutes | 3 |
| breadcrumb | Configure the HTML toolbarConfigure a field editor for the HTML fieldReferenceField administrationFormsfieldsand listsConfigure core featuresAdminister the ServiceNow AI Platform |