Level 2

Rte Plugin Special characters empty dialog box

Forum|Forum|3 years ago
November 14, 2022
1 reply
1655 views

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.

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 :

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 !

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

B_Sravan

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

MarieDdAuthor

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 !

salamswapnil

Community Advisor

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

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

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded