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

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

<h3 class=""> Wonders of Italy</h3>
 <h6 style="font-family: inherit; font-size: 12px; line-height: normal; font-weight: 400; margin: 8px 0px 0px; color: rgb(186, 186, 186);">Jul 6, 2019</h6>
 Overview
 The Italian Republic is a history lover's paradise with thousands of museums, churches and archaeological sites dating back to Roman and Greek times. Visitors will also find a hub for fashion and culture unlike anywhere else in the world. Explore Ancient history in Rome at the Colosseum and Rome's Ruins. Rome's greatest gladiator arena has history of unimaginable violence - games that would last 100 days in some cases and involve the slaughter of up to 10,000 animals - but today, it is one of the most majestic sites for Italian tourism. 
 <ul>
 <li>
 <a href="https://www.telerik.com">Book Rome Attraction Tickets </a>
 </li>
 <li>
 <a href="https://www.telerik.com">Book accommodation</a>
 </li>
 <li>Rome Trips</li>
 </ul>
 <table>
 <tbody>
 <tr>
 <td>Trip Type</td>
 <td>Duration</td>
 <td>Price</td>
 </tr>
 <tr>
 <td>Family Walk Around Rome</td>
 <td>Day Trip (approx. 6 hours)</td>
 <td>50 euro per person</td>
 </tr>
 <tr>
 <td>Sightseeing Trip Around Rome</td>
 <td>Two Days (includes travel and accommodation)</td>
 <td>200 euro per person </td>
 </tr>
 <tr>
 <td>Custom Trips</td>
 <td>Defined by Customer</td>
 <td>To be Determined </td>
 </tr>
 </tbody>
 </table>
 Trip Ideas
 Take a trip to the Sistine Chapel in Vatican City where Michelangelo's Genesis (Creation), commissioned by Pope Julius II and painted by Michelangelo between 1508 and 1512, attracts droves of visitors each year. 
 Take a water-bus tour of the Grand Canal and stop along the way for a bite to eat and some shopping. Take in the most famous of the city's churches and one of the best known examples of the Italo-Byzantine architecture, the Basilica of Saint Mark, which lies at the eastern end the Piazza San Marco, adjacent and connected to the Doge's Palace. And don't miss the Duomo of Florence.
 Visit beautiful Villa Borghese Gardens The Gardens cover an area of 80 hectares and were developed in 1606 by Cardinal Scipione Borges, who wanted to turn his former vineyard into the most extensive gardens built in Rome.
 
 <img src="https://demos.telerik.com/aspnet-core/shared/web/timeline/images/Wonders_of_Italy.jpg" style="border: 0px; max-width: 100%; overflow: hidden;">

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

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.
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.