jQuery Editor Format Painter

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
format-painter.php

Also available for:

API REFERENCE

Description

The Kendo UI for jQuery Editor uses the Format Painter tool to copy the formatting of a text chunk and apply it to other parts of its content area. The tool is very similar to the FormatPainter of MS Word®, and is quite useful and time-saving for applying identical formatting to multiple sections of the edited content.

How It Works

Format a section with the desired bold, italic, underline, font size, font family, and other formatting, and click 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 Formatbutton.

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.

This Editor example is part of a unique collection of hundreds of jQuery demos, with which you can see all Kendo UI for jQuery components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Kendo UI for jQuery Dojo or ThemeBuilder.

Support & Learning Resources

Additional Resources