htmltypo3typo3-6.1.x

remove autogenerated DIVs in TYPO3


Have search the net and can't find a solution. If im make a page in TYPO3 and add some content, i end up with this.

<div id="clear"> </div>


    <!--  CONTENT ELEMENT, uid:4/html [begin] -->
        <div id="c4" class="csc-default">
        <!--  Raw HTML content: [begin] -->
            <div id="topbilled_om"></div>
        <!--  Raw HTML content: [end] -->
            </div>
    <!--  CONTENT ELEMENT, uid:4/html [end] -->


    <!--  CONTENT ELEMENT, uid:2/html [begin] -->
        <div id="c2" class="csc-default">
        <!--  Raw HTML content: [begin] -->
            <div id="LeftColumn">

And what i want is this

    <div id="clear"></div>
    <div id="topbilled_om"></div>
    <div id="LeftColumn"></div>

How do i skip the extra added div's, my problem is that its make an error in my design, bc of the extra added div's ?


Solution

  • You can delete the innerWrap of a cObject:

    tt_content.stdWrap.innerWrap >
    

    Yet I do not recommend it. It looks like you're trying to use HTML element as some kind of placeholders. You could use a field like "layout" (in the page properties) to define custom wraps instead of csc-default, e.g.:

    tt_content.stdWrap.innerWrap.cObject = CASE
    tt_content.stdWrap.innerWrap.cObject {
    
      key.field = layout
    
      1 = TEXT
      1.value = <div class="my-layout-1">|</div>
    
      2 = TEXT
      2.value = <div class="my-layout-2">|</div>
    
    }
    

    and rename the layout in the backend:

    TCEFORM.tt_content {
      layout.altLabels.1 = My Layout 1
      layout.altLabels.2 = My Layout 2
    }