The cae-base-lib ships with a new filter for CoreMedia RichText 1.0, that covers typical mappings of HTML elements to rich text and vice versa.

The new ReservedClassToElementFilter allows configuring mappings like:

as follows:

@Bean
ReservedClassToElementFilter reservedClassToElementFilter() {
  return new ReservedClassToElementFilter(List.of(
          // <span class="mark"> -> <mark>
          ReservedClassToElementConfig.of("span", "mark"),
          // more verbose: rich text element + class => HTML element
          ReservedClassToElementConfig.of("span", "mark", "mark"),
          /* ... */
  ));
}

This is similar to the new configuration options as we provide for CKEditor 5 integration into CoreMedia Studio and helps to integrate custom plugins to CKEditor 5, which in the end should be represented in CAE accordingly.

Align with Headless-Server (and CKEditor 5)

BlueprintRichtextFiltersConfiguration now makes use of these mappings to align with mappings, which ship with Headless Server (see headless-server-base/src/main/resources/richtext/default.yml):

From:

<span class="strike">Lorem</span>

To:

<s>Lorem</s>

From:

<span class="underline">Lorem</span>

To:

<u>Lorem</u>

The corresponding _coremedia-richtext-1.0.scss for Frontend workspace got adapted accordingly, providing the same styles for <s> and <u> as they did before for .strike and .underline.

Align with CKEditor 5 – also for Headless Server

To align with CKEditor 5 capabilities and data-processing, these mappings have also been applied:

From:

<span class="code">Lorem</span>

To:

<code>Lorem</code>

From:

<td class="td--header">Lorem</td>

To:

<th>Lorem</th>

The latter two have also been applied to Headless Server.

Upgrade Notice:

If the mappings collide with your expectations, please consider adapting configuration of bean reservedClassToElementFilter in BlueprintRichtextFiltersConfiguration or headless-server-base/src/main/resources/richtext/default.yml accordingly.

(CMS-22226)