Problem

The example easy_email templates center the card with a wrapper cell using the legacy attribute:

. When a site editor opens an email type and re-saves the body in CKEditor 5, CKEditor converts that align="center" attribute into a text-align:center CSS property. Because text-align inherits, every piece of content (heading, paragraphs, button) becomes centre-aligned and the layout breaks.

Proposed resolution

Replace the align attribute with CKEditor-safe CSS: center the card with margin:0 auto on the card table, and set text-align:left on the card table so content stays left-aligned regardless of any inherited alignment. This is the same output CKEditor 5 Table properties produces for a centred table, so it round-trips cleanly. Applies to all 7 example templates (orchestra_easy_email install configs and orchestra_interaction_webform_examples optional configs).

Remaining tasks

  • Note the Outlook desktop caveat: margin:0 auto is not honoured there, so the card left-aligns in Outlook desktop; the content text stays left everywhere.

Issue fork orchestra-3608801

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

mably created an issue. See original summary.

mably opened merge request !296

mably’s picture

mably commented
Status: Active » Needs review

  • mably committed 42d71cef on 1.x 
    fix: #3608801 Make example email templates CKEditor 5 safe (align="...
mably’s picture

mably commented
Status: Needs review » Fixed

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.