New to Telerik UI for ASP.NET Core? Download free 30-day trial
ASP.NET Core Editor Styles
- EXAMPLE
- VIEW SOURCE
-
Change Theme
defaultDefault 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
Also available for:
CLIENT-SIDE API SERVER-SIDE APIDescription
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.