Expand my Community achievements bar.

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