New to Telerik UI for ASP.NET MVC? Download free 30-day trial

ASP.NET MVC Editor Format Painter

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
format_painter.cshtml
Format_PainterController.cs

Also available for:

CLIENT-SIDE API SERVER-SIDE API

Description

The Telerik UI for ASP.NET MVC Editor provides the Format Painter tool which enables users to copy the formatting of a specific chunk of text and apply it to other chunks in its content area. This functionality is resembles the FormatPainter of MS Word®. It saves time when the user needs to apply identical formatting to multiple sections of the edited content.

How It Works

  1. To save the formatting of the selected content in the clipboard, apply the desired formatting to a section and click the Copy Format button. 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.
  2. 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.

Additional Apps

This Editor example is part of a unique collection of hundreds of ASP.NET MVC demos, with which you can see all Telerik ASP.NET MVC 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 the ThemeBuilder.

Support & Learning Resources

Additional Resources