All Components
Theme

Themes

    Editor / Styles

    Information

    The following demo shows how to use the Editor's style tool, which provides the ability to customize the widget content by means of custom CSS classes and styling, and a CSS file registered in the Editor iframe document.

    Description

    The demo outlines how to use the Editor's style tool which provides the ability to customize the widget content by means of 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.

    Use the tools -> name -> text and value options to populate the Format dropdown with options. Note that the specified CSS class should exist in the CSS file imported in the content area through the stylesheets attribute.

    HTML5/JavaScript source

    Also available for:

    API Reference
    • styles.html
    • Widget configuration

    Support & learning resources

    Editor for other technologies