Expand my Community achievements bar.

Rte Plugin Special characters empty dialog box

Avatar

Level 2

Hello, I am new to AEM and I need to add special characters to my rich text component and I keep on having an empty dialog where the special characters should be. 

AEM_issue.png

 

The plugin part of my component _cp_dialog\.content.xml looks like that : 

<misctools
                                                            jcr:primaryType="nt:unstructured"
                                                            features="*">
                                                        <specialCharsConfig jcr:primaryType="nt:unstructured">
                                                            <chars jcr:primaryType="nt:unstructured">
                                                                <shy
                                                                        jcr:primaryType="nt:unstructured"
                                                                        entity="&amp;#173;"
                                                                        name="shy" />
                                                                <euro
                                                                        jcr:primaryType="nt:unstructured"
                                                                        entity="&amp;#8364;"
                                                                        name="euro"/>
                                                                <copyright
                                                                        jcr:primaryType="nt:unstructured"
                                                                        entity="&amp;#169;"
                                                                        name="copyright"/>
                                                                <trademark
                                                                        jcr:primaryType="nt:unstructured"
                                                                        entity="&amp;#8482;"
                                                                        name="trademark"/>
                                                                <registered
                                                                        jcr:primaryType="nt:unstructured"
                                                                        entity="&amp;#174;"
                                                                        name="registered"/>
                                                                <emDash
                                                                        jcr:primaryType="nt:unstructured"
                                                                        entity="&amp;#8212;"/>
                                                                <pound
                                                                        jcr:primaryType="nt:unstructured"
                                                                        entity="&amp;#163;"/>
                                                                <nbsp
                                                                        jcr:primaryType="nt:unstructured"
                                                                        entity="&amp;#160;"/>
                                                            </chars>
                                                        </specialCharsConfig>
                                                    </misctools>
                                                </rtePlugins>
                                                <uiSettings jcr:primaryType="nt:unstructured">
                                                    <cui jcr:primaryType="nt:unstructured">
                                                        <inline
                                                                jcr:primaryType="nt:unstructured"
                                                                toolbar="[format#bold,format#italic,format#underline,subsuperscript#subscript,subsuperscript#superscript,#justify,#lists,links#modifylink,links#unlink,#paraformat,#styles,misctools#sourceedit,misctools#specialchars]">
                                                            <popovers jcr:primaryType="nt:unstructured">
                                                                <styles
                                                                        jcr:primaryType="nt:unstructured"
                                                                        items="styles:getStyles:styles-pulldown"
                                                                        ref="styles"/>
                                                            </popovers>
                                                        </inline>
                                                        <dialogFullScreen
                                                                jcr:primaryType="nt:unstructured"
                                                                toolbar="[format#bold,format#italic,format#underline,subsuperscript#subscript,subsuperscript#superscript,#justify,#lists,links#modifylink,links#unlink,#paraformat,#styles,misctools#sourceedit,misctools#specialchars]">
                                                            <popovers jcr:primaryType="nt:unstructured">
                                                                <paraformat
                                                                        jcr:primaryType="nt:unstructured"
                                                                        items="paraformat:getFormats:paraformat-pulldown"
                                                                        ref="paraformat"/>
                                                            </popovers>
                                                        </dialogFullScreen>
                                                    </cui>
                                                </uiSettings>

All the special characters appear in CRXDE : 

crxde_bis.PNG

 

My rich text component inherits from another component, where the issue does not appear...

Any idea on why this is happening would be super helpful ! Thanks in advance !

 

 

6 Replies

Avatar

Community Advisor

Hi @MarieDd ,

 

seems like, there's something wrong with the dialog XML, can you paste/attach it here to debug the same?

I am finding it hard to copy the given XML above.

 

Thanks,

Sravan

Avatar

Level 2

Hello @B_Sravan 

Sure, here it is : 

 

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:granite="http://www.adobe.com/jcr/granite/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">
    <content
            jcr:primaryType="nt:unstructured">
        <items jcr:primaryType="nt:unstructured">
            <tabs
                    jcr:primaryType="nt:unstructured">
                <items jcr:primaryType="nt:unstructured">
                    <properties
                            jcr:primaryType="nt:unstructured">
                        <items jcr:primaryType="nt:unstructured">
                            <columns
                                    jcr:primaryType="nt:unstructured">
                                <items jcr:primaryType="nt:unstructured">
                                    <column
                                            jcr:primaryType="nt:unstructured">
                                        <items jcr:primaryType="nt:unstructured">
                                            <text
                                                    jcr:primaryType="nt:unstructured"
                                                    fieldLabel="Rich Text"
                                                    useFixedInlineToolbar="{Boolean}true"
                                                    fieldDescription="Manual hyphenation: click on the Source Edit icon, place the cursor in the center of the word to be cut, enter the code '&amp;shy;' click again on the Source Edit icon, click Done.">
                                                <rtePlugins jcr:primaryType="nt:unstructured">
                                                    <styles
                                                            jcr:primaryType="nt:unstructured">
                                                        <styles jcr:primaryType="nt:unstructured">
                                                            <is-left
                                                                    jcr:primaryType="nt:unstructured"
                                                                    sling:hideResource="true"/>
                                                            <is-right
                                                                    jcr:primaryType="nt:unstructured"
                                                                    sling:hideResource="true"/>
                                                            <is-full
                                                                    jcr:primaryType="nt:unstructured"
                                                                    sling:hideResource="true"/>
                                                            <cta
                                                                    jcr:primaryType="nt:unstructured"
                                                                    sling:hideResource="true"/>
                                                            <cta-is-small
                                                                    jcr:primaryType="nt:unstructured"
                                                                    sling:hideResource="true"/>
                                                            <cta-is-secondary
                                                                    jcr:primaryType="nt:unstructured"
                                                                    sling:hideResource="true"/>
                                                            <cta-is-secondary-small
                                                                    jcr:primaryType="nt:unstructured"
                                                                    sling:hideResource="true"/>
                                                            <js-responsive-table
                                                                    jcr:primaryType="nt:unstructured"
                                                                    sling:hideResource="true"/>
                                                            <intro
                                                                    jcr:primaryType="nt:unstructured"
                                                                    sling:hideResource="true"/>
                                                            <anchor-link-cta
                                                                    jcr:primaryType="nt:unstructured"
                                                                    cssName="anchor-link-cta"
                                                                    text="Anchor Link"/>
                                                            <hyperlink-cta
                                                                    jcr:primaryType="nt:unstructured"
                                                                    cssName="hyperlink-cta"
                                                                    text="Hyperlink"/>
                                                        </styles>
                                                    </styles>
                                                    <misctools
                                                            jcr:primaryType="nt:unstructured"
                                                            features="*">
                                                        <specialCharsConfig jcr:primaryType="nt:unstructured">
                                                            <chars jcr:primaryType="nt:unstructured">
                                                                <shy
                                                                        jcr:primaryType="nt:unstructured"
                                                                        entity="&amp;#173;"
                                                                        name="shy" />
                                                                <euro
                                                                        jcr:primaryType="nt:unstructured"
                                                                        entity="&amp;#8364;"
                                                                        name="euro"/>
                                                                <copyright
                                                                        jcr:primaryType="nt:unstructured"
                                                                        entity="&amp;#169;"
                                                                        name="copyright"/>
                                                                <trademark
                                                                        jcr:primaryType="nt:unstructured"
                                                                        entity="&amp;#8482;"
                                                                        name="trademark"/>
                                                                <registered
                                                                        jcr:primaryType="nt:unstructured"
                                                                        entity="&amp;#174;"
                                                                        name="registered"/>
                                                                <emDash
                                                                        jcr:primaryType="nt:unstructured"
                                                                        entity="&amp;#8212;"/>
                                                                <pound
                                                                        jcr:primaryType="nt:unstructured"
                                                                        entity="&amp;#163;"/>
                                                                <nbsp
                                                                        jcr:primaryType="nt:unstructured"
                                                                        entity="&amp;#160;"/>
                                                            </chars>
                                                        </specialCharsConfig>
                                                    </misctools>
                                                </rtePlugins>
                                                <uiSettings jcr:primaryType="nt:unstructured">
                                                    <cui jcr:primaryType="nt:unstructured">
                                                        <inline
                                                                jcr:primaryType="nt:unstructured"
                                                                toolbar="[format#bold,format#italic,format#underline,subsuperscript#subscript,subsuperscript#superscript,#justify,#lists,links#modifylink,links#unlink,#paraformat,#styles,misctools#sourceedit,misctools#specialchars]">
                                                            <popovers jcr:primaryType="nt:unstructured">
                                                                <styles
                                                                        jcr:primaryType="nt:unstructured"
                                                                        items="styles:getStyles:styles-pulldown"
                                                                        ref="styles"/>
                                                            </popovers>
                                                        </inline>
                                                        <dialogFullScreen
                                                                jcr:primaryType="nt:unstructured"
                                                                toolbar="[format#bold,format#italic,format#underline,subsuperscript#subscript,subsuperscript#superscript,#justify,#lists,links#modifylink,links#unlink,#paraformat,#styles,misctools#sourceedit,misctools#specialchars]">
                                                            <popovers jcr:primaryType="nt:unstructured">
                                                                <paraformat
                                                                        jcr:primaryType="nt:unstructured"
                                                                        items="paraformat:getFormats:paraformat-pulldown"
                                                                        ref="paraformat"/>
                                                            </popovers>
                                                        </dialogFullScreen>
                                                    </cui>
                                                </uiSettings>
                                            </text>
                                        </items>
                                    </column>
                                </items>
                            </columns>
                        </items>
                    </properties>
                </items>
            </tabs>
        </items>
    </content>
</jcr:root>

Thanks ! 

Avatar

Level 6

Hi @MarieDd 

I see on most of the dialog nodes sling:resourceType property is missing.

Its missing on tabs, properties, columns, column, text.

Can you please refer some OOB component's dialog and add resource type on these nodes and check if it works?

Most importantly its missing on text node. It should have sling:resourceType="cq/gui/components/authoring/dialog/richtext"

Avatar

Level 2

Hello @salamswapnil, thanks for your answer. I added all the missing sling:resourceType properties but unfortunately the problem persists....

Avatar

Level 6

@MarieDd 

My bad. You are overriding RTE so it shouldn't matter if above mentioned nodes have sling:resourceType or not. 

So I tried your dialog.xml in my local and its working for me. Please check below screen shot. I tried it in local AEM cloud. Which AEM version you are using? Also please check if you are getting any js error in browser console when opening special char widget.

salamswapnil_0-1668449256821.png

 

Avatar

Level 2

Hello @salamswapnil 

I am using AEM as a cloud service. I found a way to solve the issue. Editing the rich text component in the template made the special characters appear. Thanks for your help ! 

back.PNG