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.

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