Blazor Rich Text Editor Example - Format Painter

This demo showcases the Format Painter feature of the Rich Text Editor component, which allows users to copy formatting from one section of content and apply it to another.

The Format Painter feature allows you to copy formats and apply them to unformatted content, saving time on manual reformatting:

• Format painter can be accessed via the toolbar or keyboard shortcuts.
• Sticky mode can be enabled by double-clicking the toolbar button to apply formatting to multiple locations.

Keyboard Shortcuts:

• ALT + SHIFT + C - Copy the selection format or current range.
• ALT + SHIFT + V - Paint the copied format.
• ESC - Remove the previously copied format and disable sticky mode.

The following settings are available to customize the format painter in the RichTextEditorFormatPainterSettings property:

• Fill the Allowed Formats input with selectors only whose format styles will be allowed. For example: span; strong; em; allows only span, strong, and em format styles to be copied.
• Fill the Denied Formats input with selectors only whose format styles will be explicitly prohibited. For example: span(important)[title]{background-color,color} will remove only the important class, title attribute, and color and background-color properties of the span element.