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

ASP.NET MVC Editor Styles

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
styles.cshtml
StylesController.cs

Also available for:

CLIENT-SIDE API SERVER-SIDE API

Description

The Telerik UI for ASP.NET MVC Editor component provides default and custom options for styling its content.

This demo shows how to use the styling tool of the Editor which enables you to customize the content of the component by using custom CSS classes and styling, and a CSS file registered in the Editor iframe document.

You can register and import your own CSS file into the content area through the StyleSheets option by setting .StyleSheets(css => css.Add(Url.Content("~/PATH_TO_CSS_FILE/CSS_FILE.css")))./p>

To populate the Format drop-down with options, use Tools > Formatting > Add ("Dropdown Item Name",".CSS Class Name") method. Note that the specified CSS class has to be listed in the CSS file that is imported in the content area through the StyleSheets Add method.

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