How to use cq:noDecorator property in cq5 , can the default 'div' tag be changed to other block tags

I need to remove decorator 'div' tags added around components by CQ5 for few select components. They can be part of the mark up in author mode, but it should not be present in the final mark up on publish.

To change the default div tags to something else , use cq:htmlTag nodes in your components. This lets you modify the tag , classes and id associated with the decorator tag.

Create cq:htmlTag node [primaryType:nt:unstructured] under your component.
Add cq:tagName property [type:String] with the tag to be used as value.
Add class property [type:String] with class(es) to be added to the enclosing tag **
Add id property [type:String] with id to be added to the enclosing tag

** CQ will add an extra class of its own.

Source : http://experiencedelivers.adobe.com/cemblog/en/experiencedelivers/2013/04/modify_the_auto-generateddivs.html

You can wrap them in an if statement. Using JSTL:

<%
if (WCMMode.fromRequest(request) == WCMMode.EDIT) {
%>
<div>
<%
}
%>

Of course you shouln't use java code in the JSP directly, but rather put it in a request variable and use JSTL:

<c:if test="${isEditMode}">
<div>
</c:if>

If you want to get rid of the automatic generated divs, you would need to combine this with the noDecorator property and add the edit dialog script by other means within your optional divs.

Yogesh Upadhyay

You can also use this

<%
   if (WCMMode.fromRequest(request) != WCMMode.EDIT && 
        WCMMode.fromRequest(request) != WCMMode.DESIGN) 
   {
       IncludeOptions.getOptions(request, true).forceSameContext(Boolean.TRUE);
   }
%>

来源：https://stackoverflow.com/questions/27415626/how-to-use-cqnodecorator-property-in-cq5-can-the-default-div-tag-be-changed

标签

aem