AEM 6.5 Image component put extra character | Community
Skip to main content
rabiul_alam
rabiul_alam
Level 2
March 29, 2023

AEM 6.5 Image component put extra character

  • March 29, 2023
  • 2 replies
  • 1289 views

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.

 

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?

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

2 replies

A
An1-3
Level 4
March 29, 2023

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

    rabiul_alam
    rabiul_alamAuthor
    Level 2
    March 29, 2023

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

      arunpatidar
      Community Advisor
      arunpatidarCommunity Advisor
      Community Advisor
      March 29, 2023

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

      Arun Patidar
        rabiul_alam
        rabiul_alamAuthor
        Level 2
        March 29, 2023
        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"%>
          Terms & ConditionsAccessibility statement

          Loading footer...