Text elements

The Formatting tool panel in the Advanced WYSIWYG editor gives you control over the appearance and structure of your article content. It is organized into four sections:

• Text Styles – Undo, redo, apply formatting, and manage letter case.
• Headings – Apply heading levels H2, H3, and H4, or revert to paragraph style.
• Typography – Set the font family and font size for selected text.
• Palette – Apply text color or background color using preset or custom colors.

To access the Formatting tools panel, click the Format icon on the right side of the editor panel. You can pin the toolbar to keep it visible while editing.

When to use text elements

• Apply consistent heading levels to create a scannable structure that auto-generates the article's table of contents
• Use Format painter to quickly replicate styling across multiple sections without reapplying each format manually
• Use font color sparingly to highlight a critical term or key value within a paragraph
• Use background color to call out an important phrase inline without using a callout block
• Use Lettercase to switch between title case, uppercase, or lowercase without retyping content

Text Styles

The Text Styles section contains controls for managing formatting actions on selected text.

To use Format painter:

1. Select the text whose formatting you want to copy.
2. Click the Format painter icon or use the keyboard shortcut (Alt + C or Alt + V).
3. Select the target text to apply the formatting.

To stop Format painter, click anywhere outside the editor, perform another action, or click the active Format painter icon again.

Headings

The Headings section lets you apply structural hierarchy to your article content using heading levels H2, H3, and H4. You can also revert content back to the standard paragraph style.

To apply a heading:

1. Select the text you want to format.
2. In the Text Elements panel, click H2, H3, or H4.

You can also apply headings using Markdown syntax directly in the editor — type ## for H2, ### for H3, #### for H4, ##### for H5, or ###### for H6 followed by a space. The syntax renders instantly when typed manually.

Typography

The Typography section controls the font family and font size of selected text.

To change font or size:

1. Select the text you want to update.
2. In the Typography section, click the Font family dropdown and choose a typeface, or click the Font size dropdown and select a size.

Palette

The Palette section lets you apply text color and background color to selected content using preset colors, a color picker, or a custom HEX code.

To apply text color:

1. Select the text you want to color.
2. In the Palette section, the first row of colors applies text color.
3. Choose a color from the preset palette, use the color picker, or enter a HEX code.

To apply background color:

1. Select the text.
2. The second row of colors applies background color.
3. Choose a color from the palette or enter a HEX code.

To remove an applied color, select the text and click the No color (strikethrough circle) icon.

Best Practices

• Apply heading levels in order — H2 before H3, H3 before H4. Skipping heading levels breaks document hierarchy and affects accessibility.
• Use Clear formatting after pasting content from external sources like Microsoft Word to remove inherited styles before applying your own.
• Limit custom colors to your brand palette for visual consistency across articles.
• Avoid using color as the only way to convey meaning — always pair it with text or another visual indicator for accessibility.
• Pin the Format toolbar for easier access when working on long articles.

FAQ