CKEditor Ecosystem Documentation
Search
Home/CKEditor 5/API
Module

email/emailinlinestylestransformations

@ckeditor/ckeditor5-email/src/emailinlinestylestransformations

module

Filtering

Functions

  • getEmailInlineStylesTransformations() → Array<ExportInlineStylesTransformation>

    Returns a collection of style property transformations designed for email compatibility.

    These transformations convert modern CSS styles into HTML attributes better supported by email clients. The transformations focus on converting alignment-related CSS properties into corresponding HTML attributes.

    Examples of transformations:

    1. Float to align:

      • <img style="float: left"> → <img align="left">

    2. Shorthand margin for centering:

      • <table style="margin: auto"></table> → <table style="..." align="center"></table>
      • <table style="margin: 10px auto"></table> → <table style="..." align="center"></table>

    Note:

    • The align attribute is only applied to the table and the img elements.
    • The align attribute is not applied to elements that already have it set.
    • The style attributes remain unchanged.

    Returns

    Array<ExportInlineStylesTransformation>