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.
Read More & Register today!
SOLVED

Questions about text (v2), including pictures, custom color fonts, etc. Please help!

Avatar

Level 2
Level 2
9/21/24 12:10:45 PM

 

  1. How to select Insert image from dam, I have configured Image but clicking the icon only shows alt and align?yan_yan_0-1726944724308.png
  2. How do I disable popup mode? _cq_dialog has been inherited into its own project file, but the changes have no effect. I removed some tags from the paraformat.
  3. How do I add font color options and select custom fonts and font sizes?

_cq_editConfig

<?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"
    cq:inherit="{Boolean}false"
    jcr:primaryType="cq:EditConfig">
    <cq:inplaceEditing
        jcr:primaryType="cq:InplaceEditingConfig"
        active="{Boolean}true"
        configPath="inplaceEditingConfig"
        editorType="text">
        <inplaceEditingConfig jcr:primaryType="nt:unstructured">
            <rtePlugins jcr:primaryType="nt:unstructured">
                <links
                    jcr:primaryType="nt:unstructured"
                    features="modifylink,unlink,anchor"/>
                <formats
                    jcr:primaryType="nt:unstructured"
                    features="bold,italic,underline,strikethrough,superscript,subscript"/>
                <paraformat
                    jcr:primaryType="nt:unstructured"
                    features="*">
                    <formats jcr:primaryType="nt:unstructured">
                        <default_p
                            jcr:primaryType="nt:unstructured"
                            description="Paragraph"
                            tag="p"/>
                        <default_h3
                            jcr:primaryType="nt:unstructured"
                            description="Heading 3"
                            tag="h3"/>
                        <default_h6
                            jcr:primaryType="nt:unstructured"
                            description="Heading 6"
                            tag="h6"/>
                    </formats>
                </paraformat>
                <image
                    jcr:primaryType="nt:unstructured"
                    features="*"/>
                <findreplace
                    jcr:primaryType="nt:unstructured"
                    features="*"/>
                <subsuperscript
                    jcr:primaryType="nt:unstructured"
                    features="*"/>
                <misctools
                    jcr:primaryType="nt:unstructured"
                    features="sourceedit"/>
                <styles
                    jcr:primaryType="nt:unstructured"
                    externalStyleSheets="[css1]"
                    features="*">
                    <styles jcr:primaryType="cq:WidgetCollection">
                        <subtitle
                            jcr:primaryType="cq:WidgetCollection"
                            cssName="subtitle"
                            text="Subtitle"/>
                        <title
                            jcr:primaryType="cq:WidgetCollection"
                            cssName="title"
                            text="Title"/>
                        <textContent
                            jcr:primaryType="cq:WidgetCollection"
                            cssName="textContent"
                            text="Text Content"/>
                    </styles>
                </styles>
            </rtePlugins>
            <uiSettings jcr:primaryType="nt:unstructured">
                <cui jcr:primaryType="nt:unstructured">
                    <inline
                        jcr:primaryType="nt:unstructured"
                        toolbar="[image#imageProps,format#bold,format#italic,format#underline,subsuperscript#subscript,subsuperscript#superscript,links#modifylink,links#unlink,fullscreen#start,control#close,control#save]">
                        <popovers jcr:primaryType="nt:unstructured">
                            <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"/>
                        </popovers>
                    </inline>
                    
                </cui>
            </uiSettings>
        </inplaceEditingConfig>
    </cq:inplaceEditing>
</jcr:root>

 _cq_dialog/.content.xml

<?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"
    jcr:title="richTxt"
    sling:resourceType="cq/gui/components/authoring/dialog"
    helpPath="https://www.adobe.com/go/aem_cmp_text_v2"
    trackingFeature="core-components:text:v2">
    <content
        jcr:primaryType="nt:unstructured"
        sling:resourceType="granite/ui/components/coral/foundation/container">
        <items jcr:primaryType="nt:unstructured">
            <tabs
                jcr:primaryType="nt:unstructured"
                sling:resourceType="granite/ui/components/coral/foundation/tabs"
                maximized="{Boolean}true">
                <items jcr:primaryType="nt:unstructured">
                    <properties
                        jcr:primaryType="nt:unstructured"
                        jcr:title="Properties"
                        sling:resourceType="granite/ui/components/coral/foundation/container"
                        margin="{Boolean}true">
                        <items jcr:primaryType="nt:unstructured">
                            <columns
                                jcr:primaryType="nt:unstructured"
                                sling:resourceType="granite/ui/components/coral/foundation/fixedcolumns"
                                margin="{Boolean}true">
                                <items jcr:primaryType="nt:unstructured">
                                    <column
                                        granite:class="cq-RichText-FixedColumn-column"
                                        jcr:primaryType="nt:unstructured"
                                        sling:resourceType="granite/ui/components/coral/foundation/container">
                                        <items jcr:primaryType="nt:unstructured">
                                            <text
                                                jcr:primaryType="nt:unstructured"
                                                sling:resourceType="cq/gui/components/authoring/dialog/richtext"
                                                name="./text"
                                                useFixedInlineToolbar="{Boolean}true">
                                                <rtePlugins jcr:primaryType="nt:unstructured">
                                                    <format
                                                        jcr:primaryType="nt:unstructured"
                                                        features="bold,italic"/>
                                                    <justify
                                                        jcr:primaryType="nt:unstructured"
                                                        features="-"/>
                                                    <links
                                                        jcr:primaryType="nt:unstructured"
                                                        features="modifylink,unlink"/>
                                                    <lists
                                                        jcr:primaryType="nt:unstructured"
                                                        features="*"/>
                                                    <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>
                                                    <paraformat
                                                        jcr:primaryType="nt:unstructured"
                                                        features="*">
                                                        <formats jcr:primaryType="nt:unstructured">
                                                            <default_p
                                                                jcr:primaryType="nt:unstructured"
                                                                description="Paragraph"
                                                                tag="p"/>
                                                            <default_h3
                                                                jcr:primaryType="nt:unstructured"
                                                                description="Heading 3"
                                                                tag="h3"/>
                                                            <default_h6
                                                                jcr:primaryType="nt:unstructured"
                                                                description="Heading 6"
                                                                tag="h6"/>
                                                        </formats>
                                                    </paraformat>
                                                    <table
                                                        jcr:primaryType="nt:unstructured"
                                                        features="-">
                                                        <hiddenHeaderConfig
                                                            jcr:primaryType="nt:unstructured"
                                                            hiddenHeaderClassName="cq-wcm-foundation-aria-visuallyhidden"
                                                            hiddenHeaderEditingCSS="cq-RichText-hiddenHeader--editing"/>
                                                    </table>
                                                    <tracklinks
                                                        jcr:primaryType="nt:unstructured"
                                                        features="*"/>
                                                </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,links#modifylink,links#unlink,#paraformat]">
                                                            <popovers jcr:primaryType="nt:unstructured">
                                                                <justify
                                                                    jcr:primaryType="nt:unstructured"
                                                                    items="[justify#justifyleft,justify#justifycenter,justify#justifyright,justify#justifyjustify]"
                                                                    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"/>
                                                            </popovers>
                                                        </inline>
                                                        <tableEditOptions
                                                            jcr:primaryType="nt:unstructured"
                                                            toolbar="[table#insertcolumn-before,table#insertcolumn-after,table#removecolumn,-,table#insertrow-before,table#insertrow-after,table#removerow,-,table#mergecells-right,table#mergecells-down,table#mergecells,table#splitcell-horizontal,table#splitcell-vertical,-,table#selectrow,table#selectcolumn,-,table#ensureparagraph,-,table#modifytableandcell,table#removetable,-,undo#undo,undo#redo,-,table#exitTableEditing,-]"/>
                                                    </cui>
                                                </uiSettings>
                                            </text>
                                            <id
                                                jcr:primaryType="nt:unstructured"
                                                sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
                                                fieldDescription="HTML ID attribute to apply to the component."
                                                fieldLabel="ID"
                                                name="./id"/>
                                        </items>
                                    </column>
                                </items>
                            </columns>
                        </items>
                    </properties>
                    <styletab
                        jcr:primaryType="nt:unstructured"
                        sling:resourceType="granite/ui/components/coral/foundation/include"
                        path="/mnt/overlay/cq/gui/components/authoring/dialog/style/tab_edit/styletab"/>
                </items>
            </tabs>
        </items>
    </content>
</jcr:root>

 

Topics

Topics help categorize Community content and increase your ability to discover relevant content.

Experience Manager Experience Manager 6.5 Experience Manager Sites

Views

420

Replies

8
Sign in to like this content

Total Likes

Translate
Translate
1 Accepted Solution

Avatar

Correct answer by
Community Advisor
Community Advisor
9/23/24 5:22:55 AM

Hi @yan_yan 
You need to drag image from side panel to RTE

 

arunpatidar_0-1727094156016.png

 



Arun Patidar

View solution in original post

Views

293

Replies

1
Sign in to like this content

Total Likes

Translate
Translate
Jump to reply
8 Replies

Avatar

Level 6
Level 6
9/21/24 12:47:53 PM

Hey,

not sure what the problem is in your case, but here is an example that works fine on my project:

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/nt/1.0"
          jcr:primaryType="nt:unstructured">
    <rtePlugins jcr:primaryType="nt:unstructured">
        <format
            jcr:primaryType="nt:unstructured"
            features="bold,italic" />
        <lists
            jcr:primaryType="nt:unstructured"
            features="ordered,unordered,indent,outdent" />
        <links
            jcr:primaryType="nt:unstructured"
            features="modifylink,unlink" />
        <paraformat
            jcr:primaryType="nt:unstructured"
            features="*">
            <formats jcr:primaryType="nt:unstructured">
                <default_p
                    jcr:primaryType="nt:unstructured"
                    description="Paragraph"
                    tag="p" />
                <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" />
                <blockquote
                    jcr:primaryType="nt:unstructured"
                    description="Block Quotation"
                    tag="blockquote" />
                <preamble
                    jcr:primaryType="nt:unstructured"
                    description="Preamble"
                    tag="preamble" />
            </formats>
        </paraformat>
        <image
            jcr:primaryType="nt:unstructured"
            features="*" />
        <table
            jcr:primaryType="nt:unstructured"
            features="*" />
    </rtePlugins>
    <uiSettings jcr:primaryType="nt:unstructured">
        <cui jcr:primaryType="nt:unstructured">
            <inline
                jcr:primaryType="nt:unstructured"
                toolbar="[format#bold,format#italic,lists#ordered,lists#unordered,lists#indent,lists#outdent,image#imageProps,table#createoredit,links#modifylink,links#unlink,#paraformat]">
                <popovers jcr:primaryType="nt:unstructured">
                    <paraformat
                        jcr:primaryType="nt:unstructured"
                        items="paraformat:getFormats:paraformat-pulldown"
                        ref="paraformat" />
                    <lists
                        jcr:primaryType="nt:unstructured"
                        items="[lists#ordered,lists#unordered,lists#indent,lists#outdent]"
                        ref="lists" />
                </popovers>
            </inline>
            <dialogFullScreen
                jcr:primaryType="nt:unstructured"
                toolbar="[format#bold,format#italic,lists#ordered,lists#unordered,lists#indent,lists#outdent,image#imageProps,table#createoredit,links#modifylink,links#unlink,#paraformat,misctools#sourceedit]">
                <popovers jcr:primaryType="nt:unstructured">
                    <paraformat
                        jcr:primaryType="nt:unstructured"
                        items="paraformat:getFormats:paraformat-pulldown"
                        ref="paraformat" />
                </popovers>
            </dialogFullScreen>
            <tableEditOptions
                jcr:primaryType="nt:unstructured"
                toolbar="[justify#justifyleft,justify#justifycenter,justify#justifyright,justify#justifyjustify,-,table#insertcolumn-before,table#insertcolumn-after,table#removecolumn,-,table#insertrow-before,table#insertrow-after,table#removerow,-,table#mergecells-right,table#mergecells-down,table#mergecells,table#splitcell-horizontal,table#splitcell-vertical,-,table#selectrow,table#selectcolumn,-,table#ensureparagraph,-,table#modifytableandcell,table#removetable,-,undo#undo,undo#redo,-,table#exitTableEditing]" />
        </cui>
    </uiSettings>
</jcr:root>

Hope it helps,

Daniel

Views

411

Replies

2
Sign in to like this content

Total Likes

Translate
Translate

Avatar

Level 2
Level 2
9/22/24 6:42:03 AM
In response to daniel-strmecki

Thank you for your answer. Is this _cq_dialog/.content.xml?
Copied these but did not affect dialog.

By the way, how to insert a picture?

Views

351

Replies

1
Sign in to like this content

Total Likes

Translate
Translate

Avatar

Level 6
Level 6
9/22/24 12:40:50 PM
In response to yan_yan

No, this is just the RTE plugin configuration which you can reference in your dialog.xml. For example:

<text
    jcr:primaryType="nt:unstructured"
    sling:resourceType="cq/gui/components/authoring/dialog/richtext"
    name="./column1/text"
    useFixedInlineToolbar="{Boolean}true">
    <rtePlugins
        jcr:primaryType="nt:unstructured"
        sling:resourceSuperType="/apps/my-project/common/dialog-parts/rte-with-image-table/rtePlugins"/>
</text>

Views

325

Replies

0
Sign in to like this content

Total Likes

Translate
Translate

Avatar

Correct answer by
Community Advisor
Community Advisor
9/23/24 5:22:55 AM

Hi @yan_yan 
You need to drag image from side panel to RTE

 

arunpatidar_0-1727094156016.png

 



Arun Patidar

Views

294

Replies

1
Sign in to like this content

Total Likes

Translate
Translate
Jump to reply

Avatar

Level 2
Level 2
9/23/24 9:13:52 AM
In response to arunpatidar

Thanks for your reply, it was very useful. In addition, how are the last two of your rich texts implemented?

Views

275

Replies

0
Sign in to like this content

Total Likes

Translate
Translate

Avatar

Administrator
Administrator
9/25/24 5:25:14 AM

@yan_yan Did you find the suggestions helpful? Please let us know if you require more information. Otherwise, please mark the answer as correct for posterity. If you've discovered a solution yourself, we would appreciate it if you could share it with the community. Thank you!



Kautuk Sahni

Views

214

Replies

2
Sign in to like this content

Total Likes

Translate
Translate

Avatar

Level 2
Level 2
9/29/24 8:33:08 PM
In response to kautuk_sahni

I have some other questions like how to customize the font color, font scheme etc. Can you help me?

Views

183

Replies

1
Sign in to like this content

Total Likes

Translate
Translate
Related Conversations
My custom servlet is not being called

Views

71

Likes

0

Replies

2
Suggestion | Creating a Custom Video Plugin for aem as cloud services Rich Text Editor

Views

106

Likes

0

Replies

2
Asking for some help with integrating Workfront with Experience Fragments(XF)

Views

112

Likes

0

Replies

2
Authoring included component in page

Views

202

Likes

0

Replies

4
Custom logger not capturing logs

Views

212

Likes

0

Replies

3