TYPO3从页面内容中获取图像

时间:2014-12-05 18:24:12

标签: image get content-management-system typo3 typoscript

我正在开展我的第一个TYPO3项目,并且我完成了模板,我无法弄清楚如何使这项工作:

我的网页内容是一列,每个字段都包含标题,文字和标题。 我在网站上显示标题和文字时没有任何问题,但图像只是不起作用。 我的图像路径是fileadmin / user_upload /我可以通过在我的代码中设置文件名来显示它,但这显然不是我想要的。 这是我的内容对象数组,图像的代码是我在搜索时找到的版本之一,但它们都没有工作:

page.20 = CONTENT
page.20.table = tt_content
page.20.wrap = <div id="content">|</div>

page.20.renderObj = COA
page.20.renderObj.wrap = <div id="news">|</div>
page.20.renderObj {

  10 = TEXT  
  10.stdWrap.field = header
  10.stdWrap.wrap = <div id="newstitle"><span>|</span></div>

  20 = IMAGE
  20.stdWrap.field = image
  20.stdWrap.wrap = <div id="newsimage><img src="fileadmin/user_upload/|"</img></div>

  30 = TEXT  
  30.stdWrap.field = bodytext
  30.stdWrap.wrap = <div id="newstext"><p>|</p></div>
}

希望有人可以帮助我,所以我终于可以完成这个项目了!

1 个答案:

答案 0 :(得分:0)

也许我没有正确理解,但是......你不需要自己编写,只需在你的主TS模板中加入CSS Styled Content扩展名,这样你就可以渲染整列像:

page.20 < styles.content.get

如果您需要更改一些包装(例如:添加 新闻 CSS类),您还可以在setup字段中覆盖它们。

编辑:转到模板&gt; 模板分析器并检查 EXT:css_styled_content / static / 代码,以便在您最终找到它时找到您想要更改的声明(准备好阅读;) ,只是你可以在你的TS中覆盖它,即:包装你可以使用的 Text w / image CE的文本部分:

tt_content.textpic.20.text.wrap = <div class="myNewsClass"> | </div>

最后我建议不要替换原来的课程,而是添加您自己的课程,以便上面的示例如下:

tt_content.textpic.20.text.wrap = <div class="csc-textpic-text myNewsClass"> | </div>

事实上所有这些类 csc - 都有一些CSS默认样式,因此您可以选择将图像左右对齐(等)。如果您将其删除,您需要自己处理这些事情。