Expand my Community achievements bar.

Submissions are now open for the 2026 Adobe Experience Maker Awards.

Mark Solution

This conversation has been locked due to inactivity. Please create a new post.

Re: Change styles for Table RTE plugin in Touch UI

Avatar

Community Advisor

Create a Component say table with dialog field style and rte(only with table and formatting, link plugins).

Create a wrapper div with style class

 

Example 

 

<div class="${properties.style ? properties.style : 'cmp-table__defualt'}">
 ${properties.tabletext @CONTEXT='html'}
</div>

 

 

If you want to make it generic,  then you can use custom style plugin, e.g. https://aemlab.blogspot.com/2019/07/aem-rte-custom-plugins-1.html

Arun Patidar

AEM LinksLinkedIn

2 Replies

Avatar

Level 2

Thank you so much for the answer.
I looked at your plugin, but unfortunately, this does not suit me for two reasons:
1) It would be difficult for the content author to add standard styles to each table.
2) This component doesn't change styles for tables. Perhaps it only works with text.

Avatar

Community Advisor
I would also suggest to go with simpler approach. The plugin actual works along with element selector, from RTE you have to select table element then you have to apply style, otherwise classes will be applied to text node.
Arun Patidar

AEM LinksLinkedIn