繁体   English   中英

TYPO3从页面内容获取图像

[英]TYPO3 getting image from page content

我正在做我的第一个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>
}

希望有人可以帮助我,让我最终可以完成这个项目!

也许我的理解不正确,但是...您不需要自己编写它,只是在您的主要TS模板中包括来自扩展的CSS Styled Content ,因此您可以像这样渲染整个列:

page.20 < styles.content.get

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

编辑:转到模板 > 模板分析器,然后检查EXT:css_styled_content / static /代码以找到您要更改的声明(准备好朗读;)),当您最终找到它时,只需将其覆盖在TS中即可,即:要包装带有图像 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默认样式,因此您可以选择将图像左对齐或右对齐(等)。 如果要删除它,则需要您自己处理。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM