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

ASP.NET Core Editor Styles

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
    • Material 2
    • Material 2 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:
styles.cshtml
StylesController.cs
Styles_TagHelper.cshtml

Also available for:

CLIENT-SIDE API HTML HELPER API

Description

The Telerik UI for ASP.NET Core 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 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