Expand my Community achievements bar.

Enhance your AEM Assets & Boost Your Development: [AEM Gems | June 19, 2024] Improving the Developer Experience with New APIs and Events

AEM 6.5 Image component put extra character

Avatar

Level 2

When I add Image component, the component itself put an extra character below the image icon. And remains when I go for preview mode. I have added the snapshot below.

 

Screenshot 2023-03-29 at 12.20.32 AM.png

In preview mode the code appear for this section is also given below

<small><div><span class="cq-text-placeholder-ipe">¶</span></div></small>

Why does 'Image' component causing the problem?

Topics

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

6 Replies

Avatar

Level 4

Could you please share AEM version ? Any specific reason to use classic UI instead of touch UI ?

Avatar

Level 2

 Adobe Experience Manager (6.5.12.0)
No special reason. Just using it.

Avatar

Community Advisor

Can you please check the HTL / JSP code of image component? what do you see there?



Arun Patidar

Avatar

Level 2
  Image component

  Draws an image. 

--%><%@ page import="com.day.cq.commons.Doctype,
    com.day.cq.wcm.api.components.DropTarget,
    com.day.cq.wcm.foundation.Image, com.day.cq.wcm.foundation.Placeholder" %><%
%><%@include file="/libs/foundation/global.jsp"%><%
    Image image = new Image(resource);
    image.setIsInUITouchMode(Placeholder.isAuthoringUIModeTouch(slingRequest));

    //drop target css class = dd prefix + name of the drop target in the edit config
    image.addCssClass(DropTarget.CSS_CLASS_PREFIX + "image");
    image.loadStyleData(currentStyle);
    image.setSelector(".img"); // use image script
    image.setDoctype(Doctype.fromRequest(request));
    // add design information if not default (i.e. for reference paras)
    if (!currentDesign.equals(resourceDesign)) {
        image.setSuffix(currentDesign.getId());
    }
    String divId = "cq-image-jsp-" + resource.getPath();
    %><div id="<%= xssAPI.encodeForHTMLAttr(divId) %>"><% image.draw(out); %></div><%
    %><cq:text property="jcr:description" placeholder="" tagName="small" escapeXml="true"/>

    <%@include file="/libs/foundation/components/image/tracking-js.jsp"%>

Avatar

Level 2

Hey, I remove the below line form JSP code

<cq:text property="jcr:description" placeholder="" tagName="small" escapeXml="true"/>


the unexpected character has gone. 

Avatar

Community Advisor

Then it could be a product bug.

Could you please raise this with Adobe?



Arun Patidar