Expand my Community achievements bar.

Getting error when editing RTE in touch ui dialog

Avatar

Level 4

I have an RTE in touch ui dialog as below

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

<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" 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="nt:unstructured"

    jcr:title="Legal Footer"

    sling:resourceType="cq/gui/components/authoring/dialog">

    <content

        jcr:primaryType="nt:unstructured"

        sling:resourceType="granite/ui/components/foundation/container">

        <layout

            jcr:primaryType="nt:unstructured"

            sling:resourceType="granite/ui/components/foundation/layouts/tabs"

            type="nav"/>

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

            <text

                jcr:primaryType="nt:unstructured"

                jcr:title="Text"

                sling:resourceType="granite/ui/components/foundation/container">

                <layout

                    jcr:primaryType="nt:unstructured"

                    sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns"/>

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

                    <columns

                        jcr:primaryType="nt:unstructured"

                        sling:resourceType="granite/ui/components/foundation/container">

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

                            <text

                                jcr:primaryType="nt:unstructured"

                                sling:resourceType="cq/gui/components/authoring/dialog/richtext"

                                hideLabel="true"

                                name="./text"

                                useFixedInlineToolbar="{Boolean}true">

                                <rtePlugins

                                    jcr:primaryType="nt:unstructured">

                                    <edit

                                        jcr:primaryType="nt:unstructured"

                                        features="*"/>

                                    <findreplace

                                        jcr:primaryType="nt:unstructured"

                                        features="*"/>

                                    <format

                                        jcr:primaryType="nt:unstructured"

                                        features="*"/>

                                    <image

                                        jcr:primaryType="nt:unstructured"

                                        features="*"/>

                                    <keys

                                        jcr:primaryType="nt:unstructured"

                                        features="*"/>

                                    <justify

                                        jcr:primaryType="nt:unstructured"

                                        features="*"/>

                                    <lists

                                        jcr:primaryType="nt:unstructured"

                                        features="*"/>

                                    <misctools

                                        jcr:primaryType="nt:unstructured"

                                        features="*">

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

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

                                                <copyright

                                                    jcr:primaryType="nt:unstructured"

                                                    entity="&amp;#169;"/>

                                                <trademark

                                                    jcr:primaryType="nt:unstructured"

                                                    entity="&amp;#8482;"/>

                                                <registered

                                                    jcr:primaryType="nt:unstructured"

                                                    entity="&amp;#174;"/>

                                                <emDash

                                                    jcr:primaryType="nt:unstructured"

                                                    entity="&amp;#8212;"/>

                                                <nbsp

                                                    jcr:primaryType="nt:unstructured"

                                                    entity="&amp;#160;"/>

                                                <serviceMark

                                                    jcr:primaryType="nt:unstructured"

                                                    entity="&amp;#8480;"/>

                                                <dollar

                                                    jcr:primaryType="nt:unstructured"

                                                    entity="&amp;#36;"/>

                                                <rupee

                                                    jcr:primaryType="nt:unstructured"

                                                    entity="&amp;#8377;"/>

                                                <euro

                                                    jcr:primaryType="nt:unstructured"

                                                    entity="&amp;#128;"/>

                                                <pound

                                                    jcr:primaryType="nt:unstructured"

                                                    entity="&amp;#163;"/>

                                                <dagger

                                                    jcr:primaryType="nt:unstructured"

                                                    entity="&amp;#134;"/>

                                                <doubleDagger

                                                    jcr:primaryType="nt:unstructured"

                                                    entity="&amp;#135;"/>

                                            </chars>

                                        </specialCharsConfig>

                                    </misctools>

                                    <styles

                                        jcr:primaryType="nt:unstructured"

                                        features="*">

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

                                            <plainSpan

                                                jcr:primaryType="nt:unstructured"

                                                cssName="defaultSpan"

                                                text="Default (add span tag)"/>

                                            <lead

                                                jcr:primaryType="nt:unstructured"

                                                cssName="lead"

                                                text="Lead"/>

                                        </styles>

                                    </styles>

                                    <spellcheck

                                        jcr:primaryType="nt:unstructured"

                                        features="*"/>

                                    <subsuperscript

                                        jcr:primaryType="nt:unstructured"

                                        features="*"/>

                                    <table

                                        jcr:primaryType="nt:unstructured"

                                        features="*"/>

                                    <undo

                                        jcr:primaryType="nt:unstructured"

                                        features="*"/>

                                    <paraformat

                                        jcr:primaryType="nt:unstructured"

                                        features="*">

                                        <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>

                                </rtePlugins>

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

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

                                        <inline

                                            jcr:primaryType="nt:unstructured"

                                            toolbar="[format#bold,format#italic,format#underline,#justify,#lists,subsuperscript#subscript,subsuperscript#superscript,links#modifylink,links#unlink,links#anchor,#image,findreplace#find,findreplace#replace,spellcheck#checktext,misctools#specialchars,misctools#sourceedit,#styles,#paraformat,table#table]">

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

                                                <justify

                                                    jcr:primaryType="nt:unstructured"

                                                    items="[justify#justifyleft,justify#justifycenter,justify#justifyright]"

                                                    ref="justify"/>

                                                <lists

                                                    jcr:primaryType="nt:unstructured"

                                                    items="[lists#unordered,lists#ordered,lists#outdent,lists#indent]"

                                                    ref="lists"/>

                                                <paraformat

                                                    jcr:primaryType="nt:unstructured"

                                                    items="paraformat:getFormats:paraformat-pulldown"

                                                    ref="paraformat"/>

                                                <styles

                                                    jcr:primaryType="nt:unstructured"

                                                    items="styles:getStyles:styles-pulldown"

                                                    ref="styles"/>

                                            </popovers>

                                        </inline>

                                    </cui>

                                </uiSettings>

                                <styles

                                    jcr:primaryType="nt:unstructured"

                                    jcr:title="Styles"

                                    sling:resourceType="granite/ui/components/foundation/section">

                                    <layout

                                        jcr:primaryType="nt:unstructured"

                                        sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns"

                                        margin="{Boolean}false"/>

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

                                        <column

                                            jcr:primaryType="nt:unstructured"

                                            sling:resourceType="granite/ui/components/foundation/container">

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

                                                <componentstyles

                                                    jcr:primaryType="nt:unstructured"

                                                    sling:resourceType="cq/gui/components/authoring/dialog/componentstyles"

                                                    name="./cq:cssClass"/>

                                            </items>

                                        </column>

                                    </items>

                                </styles>

                            </text>

                            <isRichTextFlag

                                jcr:primaryType="nt:unstructured"

                                sling:resourceType="granite/ui/components/foundation/form/hidden"

                                name="./textIsRich"

                                value="true"/>

                        </items>

                    </columns>

                </items>

            </text>

            <backgroundColor

                jcr:primaryType="nt:unstructured"

                jcr:title="Background Color"

                sling:resourceType="granite/ui/components/foundation/section">

                <layout

                    jcr:primaryType="nt:unstructured"

                    sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns"

                    margin="{Boolean}false"/>

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

                    <column

                        jcr:primaryType="nt:unstructured"

                        sling:resourceType="granite/ui/components/foundation/container">

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

                            <backgroundColor

                                jcr:primaryType="nt:unstructured"

                                sling:resourceType="/libs/granite/ui/components/foundation/form/radiogroup"

                                name="./backgroundColor"

                                text="Background Color">

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

                                    <lightBackground

                                        jcr:primaryType="nt:unstructured"

                                        sling:resourceType="/libs/granite/ui/components/foundation/form/radio"

                                        text="Light Background"

                                        value="lightBackgroundFooter"/>

                                    <darkBackground

                                        jcr:primaryType="nt:unstructured"

                                        sling:resourceType="/libs/granite/ui/components/foundation/form/radio"

                                        text="Dark Background"

                                        value="darkBackgroundFooter"/>

                                </items>

                            </backgroundColor>

                        </items>

                    </column>

                </items>

            </backgroundColor>

            <disclaimerAlignment

                cq:showOnCreate="{Boolean}true"

                jcr:primaryType="nt:unstructured"

                jcr:title="Disclaimer Alignment"

                sling:resourceType="granite/ui/components/foundation/section">

                <layout

                    jcr:primaryType="nt:unstructured"

                    sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns"

                    margin="{Boolean}false"/>

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

                    <column

                        jcr:primaryType="nt:unstructured"

                        sling:resourceType="granite/ui/components/foundation/container">

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

                            <disclaimerAlignment

                                jcr:primaryType="nt:unstructured"

                                sling:resourceType="/libs/granite/ui/components/foundation/form/radiogroup"

                                name="./disclaimerAlignment"

                                text="Disclaimer Alignment">

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

                                    <left

                                        jcr:primaryType="nt:unstructured"

                                        sling:resourceType="/libs/granite/ui/components/foundation/form/radio"

                                        text="Left"

                                        value="footer-text-left"/>

                                    <center

                                        jcr:primaryType="nt:unstructured"

                                        sling:resourceType="/libs/granite/ui/components/foundation/form/radio"

                                        text="Center"

                                        value="footer-text-center"/>

                                    <right

                                        jcr:primaryType="nt:unstructured"

                                        sling:resourceType="/libs/granite/ui/components/foundation/form/radio"

                                        text="Right"

                                        value="footer-text-right"/>

                                </items>

                            </disclaimerAlignment>

                        </items>

                    </column>

                </items>

            </disclaimerAlignment>

        </items>

    </content>

</jcr:root>

When trying to edit the RTE in touch ui dialog i am getting the following errors and also the plugins are not visible.

1578435_pastedImage_0.png

1578446_pastedImage_2.png

and when trying to close the dialog i am getting the below error.

1578436_pastedImage_1.png

1578447_pastedImage_3.png

1578448_pastedImage_5.png

I even tried the package from the helpx fourm Configuring Experience Manager Rich Text Editor Plugins in a Touch UI Component Dialog . Even that is not showing up the plugins. The above errors are poping.

When i removed uisettings node then plugins are coming but not complete list is coming up

1578450_pastedImage_6.png

So what can be the problem. Can anyone help me in this.

Thanks & Regards,
Kalyani

10 Replies

Avatar

Level 10

Hi,

Can you try with fresh AEM instance and install the package that is in the article.

Also, uisettings in RTE means to get the complete set of RTE plugins that you mention in uisettings node. See the note in article.

1578468_pastedImage_1.png

Thanks,

Ratna Kumar.

Avatar

Level 10

Here is the artilce Ratna is referring to -- Configuring Experience Manager Rich Text Editor Plugins in a Touch UI Component Dialog

Try on a fresh AEM instance - issue looks like something in your environment because when you install this package on an stable AEM instance.

Avatar

Level 10

This Vidoe demonstrates how this package that contains the RTE works.

Avatar

Level 4

Hi Ratnakumar

I tried with fresh instance but still getting the error. So what has to done

Avatar

Level 10

What version of AEM are you using. I have never seen a fresh instance not run this package as shown in the video in this thread - which was done a fresh AEM server. 

Avatar

Level 10

See this thread - you may be facing same issue.  Re: RTE dialog field not working in 6.3.3

I just tested package on 6.4 too and it works nicely...

RTE64.png

Avatar

Level 4

I tried to install the service package 6.3.3 but still i am getting errors

Avatar

Level 10

There is a bug in AEM - this is not normal behaviour. The video reflects normal behaviour. THis has been tested numerous times too by many community members. 

Please open a support ticket to report this behavior on the SP for AEM.

Avatar

Level 4

Use this class in the below way and try

granite:class="coral-RichText-FixedColumn-column"

  <columns

                       granite:class="coral-RichText-FixedColumn-column"

                          jcr:primaryType="nt:unstructured"

                        sling:resourceType="granite/ui/components/foundation/container">

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

                            <text

                                jcr:primaryType="nt:unstructured"

                                sling:resourceType="cq/gui/components/authoring/dialog/richtext"

                                hideLabel="true"

                                name="./text"

                                useFixedInlineToolbar="{Boolean}true">

                                <rtePlugins