Expand my Community achievements bar.

Join expert-led, customer-led sessions on Adobe Experience Manager Assets on August 20th at our Skill Exchange.
SOLVED

How to add custom RTE styles applicable in Universal Editor for text default component

Avatar

Level 1

We are using Universal Editor with Edge Delivery Service, I would like to know how to customise the OOTB text styles available in Text Default content type. For this particular example I would like to add more options available in the dropdown,  along H1-6, paragraph and preformatted options (as in screenshot attached).

 

It's not possible to apply any customisations inside RTE fields through the json model.

Could you advise on the problem?

 

Topics

Topics help categorize Community content and increase your ability to discover relevant content.

1 Accepted Solution

Avatar

Correct answer by
Employee

With Edge Delivery Services we put authoring simplicity and efficiency as priority on top of everything else. We intentionally limit the possibilities authors have to reduce complexity. This leads to less learning efforts and hence enables more authors and fosters democratization of content creation.

 

Technically this mean that you should not give the authors all options that are possible in the stylesheet, but limit it contextually to what makes sense. This is effectively a list of well-known/well-defined variants at the level of a block or a section (to be set as block option or section style). For example: it is significantly easier for an author to select out of a list of block options (variant-a, variant-b, variant-c) or even combine multiple options (variant-a + fullwidth + text-highlights + right-align-content), than having the authors use an RTE to style text pieces individually.

 

The RTE is configured per default to support what is available here https://www.aem.live/developer/markup-reference#main-content 

See also https://www.aem.live/developer/block-collection/text#notes

 

If you could share your particular use case, we might give you examples.

View solution in original post

1 Reply

Avatar

Correct answer by
Employee

With Edge Delivery Services we put authoring simplicity and efficiency as priority on top of everything else. We intentionally limit the possibilities authors have to reduce complexity. This leads to less learning efforts and hence enables more authors and fosters democratization of content creation.

 

Technically this mean that you should not give the authors all options that are possible in the stylesheet, but limit it contextually to what makes sense. This is effectively a list of well-known/well-defined variants at the level of a block or a section (to be set as block option or section style). For example: it is significantly easier for an author to select out of a list of block options (variant-a, variant-b, variant-c) or even combine multiple options (variant-a + fullwidth + text-highlights + right-align-content), than having the authors use an RTE to style text pieces individually.

 

The RTE is configured per default to support what is available here https://www.aem.live/developer/markup-reference#main-content 

See also https://www.aem.live/developer/block-collection/text#notes

 

If you could share your particular use case, we might give you examples.