Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
SOLVED

Unable to add styles to table : Rich Text Editor

Avatar

Level 1

Hello Everyone,

I'm using AEM 6.3. In our project we want to add some styles to table in RTE. I followed these directions on how to add styles Configuring the Rich Text Editor , however I have no luck.

This is my editConfig.xml

<?xml version="1.0" encoding="UTF-8"?>

<jcr:root xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/nt/1.0"

    jcr:primaryType="cq:EditConfig">

    <cq:inplaceEditing

        jcr:primaryType="cq:InplaceEditingConfig"

        active="{Boolean}true"

        editorType="text">

        <config jcr:primaryType="nt:unstructured">

            <rtePlugins

                jcr:primaryType="nt:unstructured"

                externalStyleSheets="[/apps/intranet/components/content/text/text.css]">

                <tracklinks

                    jcr:primaryType="nt:unstructured"

                    features="*"/>

                <table

                    jcr:primaryType="nt:unstructured"

                    features="*">

                    <hiddenHeaderConfig

                        jcr:primaryType="nt:unstructured"

                        hiddenHeaderClassName="cq-wcm-foundation-aria-visuallyhidden"/>

                    <tableStyles jcr:primaryType="cq:WidgetCollection">

                        <tablePosition

                            jcr:primaryType="nt:unstructured"

                            cssName="table-position"

                            text="center"/>

                    </tableStyles>

                </table>

                <paraformat jcr:primaryType="nt:unstructured">

                    <formats jcr:primaryType="nt:unstructured">

                        <default_p

                            jcr:primaryType="nt:unstructured"

                            description="Paragraph"

                            tag="p"/>

                        <default_h1

                            jcr:primaryType="nt:unstructured"

                            description="Heading 1"

                            tag="h1"/>

                        <default_h2

                            jcr:primaryType="nt:unstructured"

                            description="Heading 2"

                            tag="h2"/>

                        <default_h3

                            jcr:primaryType="nt:unstructured"

                            description="Heading 3"

                            tag="h3"/>

                        <default_h4

                            jcr:primaryType="nt:unstructured"

                            description="Heading 4"

                            tag="h4"/>

                        <default_h5

                            jcr:primaryType="nt:unstructured"

                            description="Heading 5"

                            tag="h5"/>

                        <default_h6

                            jcr:primaryType="nt:unstructured"

                            description="Heading 6"

                            tag="h6"/>

                        <default_blockquote

                            jcr:primaryType="nt:unstructured"

                            description="Quote"

                            tag="blockquote"/>

                        <default_pre

                            jcr:primaryType="nt:unstructured"

                            description="Preformatted"

                            tag="pre"/>

                    </formats>

                </paraformat>

                <misctools jcr:primaryType="nt:unstructured">

                    <specialCharsConfig jcr:primaryType="nt:unstructured">

                        <chars jcr:primaryType="nt:unstructured">

                            <default_copyright

                                jcr:primaryType="nt:unstructured"

                                entity="&amp;copy;"

                                name="copyright"/>

                            <default_euro

                                jcr:primaryType="nt:unstructured"

                                entity="&amp;euro;"

                                name="euro"/>

                            <default_registered

                                jcr:primaryType="nt:unstructured"

                                entity="&amp;reg;"

                                name="registered"/>

                            <default_trademark

                                jcr:primaryType="nt:unstructured"

                                entity="&amp;trade;"

                                name="trademark"/>

                        </chars>

                    </specialCharsConfig>

                </misctools>

                <links

                    jcr:primaryType="nt:unstructured"

                    features="modifylink,unlink"/>

                <justify

                    jcr:primaryType="nt:unstructured"

                    features="-"/>

                <format

                    jcr:primaryType="nt:unstructured"

                    features="bold,italic"/>

                <image

                    jcr:primaryType="nt:unstructured"

                    features="*"/>

            </rtePlugins>

        </config>

    </cq:inplaceEditing>

</jcr:root>

I couldn't able to see any option in table properties to select the styles. Can anyone tell me what I am doing wrong?

1 Accepted Solution

Avatar

Correct answer by
Administrator

For Styles in Table Read this :- Configuring the Rich Text Editor

// These styles will only be available when editing a table within a Text component (or derivative), not the standard Table component. and Currently, you can define styles for tables and cells in Classic-UI only

Option 2 :- See this article on "How can I apply color to a Table in the RTE? "- Experiencing Adobe Experience Manager - Day CQ: AEM 63 - Touch UI RTE (Rich Text Editor) Color Picke...

You can customize this as per your need

Note: Table plugins and the source-edit feature are not available for in-place editing in the touch-enabled UI.

          RTE Known Issue with workaround:- AEM 6.3 Touch UI RTE not showing all features for all users



Kautuk Sahni

View solution in original post

3 Replies

Avatar

Level 1

Actually, I want to move the position of the table to center.

Avatar

Correct answer by
Administrator

For Styles in Table Read this :- Configuring the Rich Text Editor

// These styles will only be available when editing a table within a Text component (or derivative), not the standard Table component. and Currently, you can define styles for tables and cells in Classic-UI only

Option 2 :- See this article on "How can I apply color to a Table in the RTE? "- Experiencing Adobe Experience Manager - Day CQ: AEM 63 - Touch UI RTE (Rich Text Editor) Color Picke...

You can customize this as per your need

Note: Table plugins and the source-edit feature are not available for in-place editing in the touch-enabled UI.

          RTE Known Issue with workaround:- AEM 6.3 Touch UI RTE not showing all features for all users



Kautuk Sahni