R1 2019 Release is here. See what's new!
Change Theme

SASS Themes

LESS Themes

SASS Theme Builder

Create new or customize SASS themes
Launch Theme Builder
Edit in Theme Builder

Format Painter

Description

You can use the Format Painter tool to copy formatting from piece of text and apply it to others in the content area of the Kendo UI Editor. The tool is very similar to the FormatPainter of MS Word®, and is quite useful and time saving when needed to apply identical formatting to multiple sections of the edited content.

How it Works

Format a section with the desired bold, italic, underline, font size and font family and other formatting and press the Copy Format button. This operation will save the formatting of the selected content in the clipboard. If the selection includes sections with different formatting, the tool will copy the styles from the section where the start of the selection is placed.

To apply the saved formatting, select the text that you want to format and click the Apply Format button.

Supported formatting

The tool will copy and apply all inline styles. Also, any classes and attributes present in the source will be copied to the target.

The tool will also transfer the dom structure from the source to the target, clearing the previous DOM structure. The exceptions are the following targets:

  • li target elements will not be modified. Instead, the copied structure will be applied within them.
  • th and td target elements will not be modified. The copied structure will also be applied within them.

HTML5/JavaScript source

Also available for:

API Reference
  • format-painter.html
  • Widget configuration

Support & learning resources

Editor for other technologies