如何为Typo3后端添加更多帧布局

Question

我目前希望用户在添加内容时为其内容选择布局。例如，他们可能希望将其内容作为简报布局或具有边框的内容。

为此，我首先在我的typoscript文件中为section frame添加一些项：

TCEFORM.tt_content.section_frame {
  disabled = 0
  removeItems = 1,5,6,10,11,12,20,21,66
  addItems.104 = Newsletter
  addItems.105 = Country
  addItems.106 = Social
  addItems.107 = Border Top
}

然后我将它包含在我的根页面属性的资源选项卡上的typoscript中：

<INCLUDE_TYPOSCRIPT: source="FILE: fileadmin/typoscript/tsconfig/page/minimal_rte.ts">

然后我在它下面添加一些typoscript：

tt_content.stdWrap.innerWrap.cObject {
    104 < tt_content.stdWrap.innerWrap.cObject.default
    104 = TEXT
    104.value = <div class="newsletter">|</div>

    105 < tt_content.stdWrap.innerWrap.cObject.default
    105 = TEXT
    105.value = <div class="country">|</div>

    106 < tt_content.stdWrap.innerWrap.cObject.default
    106 = TEXT
    106.value = <div class="social">|</div>

    107 < tt_content.stdWrap.innerWrap.cObject.default
    107 = TEXT
    107.value = <div class="border_top">|</div>
}

但是，我可以看到这些布局在我的后端页面中成功显示。但每当我选择它们时，它们根本不会应用这些类。

我不确定上面的步骤是否正确或者是否有更多配置要实现。

任何想法将不胜感激。

Answer 1

此任务已经解决。根据http://float-middle.blogspot.com/2009/07/custom-frames-for-content-elements-in.html。我添加了typoscript：

tt_content.stdWrap.innerWrap.cObject {
  104 < tt_content.stdWrap.innerWrap.cObject.default
  104 = TEXT
  104.value = <div class="newsletter">|</div>

  105 < tt_content.stdWrap.innerWrap.cObject.default
  105 = TEXT
  105.value = <div class="country">|</div>

  106 < tt_content.stdWrap.innerWrap.cObject.default
  106 = TEXT
  106.value = <div class="social">|</div>

  107 < tt_content.stdWrap.innerWrap.cObject.default
  107 = TEXT
  107.value = <div class="border_top">|</div>
}

在错误的地方。我需要在设置部分添加它

Answer 2

在TSConfig中

# add new frame to content element
TCEFORM.tt_content.section_frame {
  disabled = 0
  removeItems = 1,5,6,10,11,12,20,21,66
  addItems.101 = Leading style
}

在set.txt中

tt_content.stdWrap.innerWrap.cObject = CASE
tt_content.stdWrap.innerWrap.cObject {
    key.field = section_frame
    101 = TEXT
    101.value = <div class="lead">|</div>
}

希望它有效！