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

ASP.NET Core Editor Format Painter

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Telerik REPL
  • Change Theme
    default
    Default Theme
    • Main
    • Main Dark
    • Nordic
    • Ocean Blue
    • Ocean Blue A11Y accessibility
    • Purple
    • Turquoise
    Bootstrap Theme
    • Main
    • Bootstrap 3
    • Bootstrap 3 Dark
    • Main Dark
    • Nordic
    • Turquoise
    • Turquoise Dark
    • Urban
    • Vintage
    Material Theme
    • Main
    • Arctic
    • Lime Dark
    • Main Dark
    • Nova
    Classic Theme
    • Main
    • Green
    • Green Dark
    • Lavender
    • Lavender Dark
    • Main Dark
    • Metro
    • Metro Dark
    • Moonlight
    • Opal
    • Opal Dark
    • Silver
    • Silver Dark
    • Uniform
    Fluent Theme
    • Main
    Launch Theme Builder
HtmlHelper
TagHelper
Files:
format_painter.cshtml
Format_PainterController.cs
Format_Painter_TagHelper.cshtml

Also available for:

CLIENT-SIDE API SERVER-SIDE API

Description

The Telerik UI for ASP.NET Core 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 unique collection of hundreds of ASP.NET Core demos, with which you can see all Telerik ASP.NET Core 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 Telerik REPL for ASP.NET Core or ThemeBuilder.

Support & Learning Resources

Additional Resources