All Components
Change Theme

SASS Themes (beta)

    LESS 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