Foundation Zurb 与 Sonata Media Bundle 交换答案

【问题标题】：Foundation Zurb Interchange with Sonata Media BundleFoundation Zurb 与 Sonata Media Bundle 交换
【发布时间】：2014-06-12 19:59:04
【问题描述】：

我目前正在尝试将 Foundation Zurb 的 Interchange 与 Sonata Media 捆绑包合并。

交换文档指出您应该执行以下操作：

<img data-interchange="[/path/to/default.jpg, (default)], [/path/to/bigger-image.jpg, (large)]">

所以在我的项目中我尝试了以下方法：

<img data-interchange="[{% media post.image, 'small' %}, (default)], [{% media post.image, 'big' %}, (large)]">

但是这会导致以下结果：

因此，它不尊重交换规则，而是忽略它们并将图像放置两次。有没有人让它正常工作，或者对我将如何修复它有任何建议？

顺便说一句，我意识到图像质量很差，我只是将其用作测试图形。

【问题讨论】：

渲染出来的html是什么样子的

标签： symfony twig zurb-foundation sonata-media-bundle data-interchange

【解决方案1】：

好的，在 Sonata Project 的 Rande 的帮助下，我们已经弄清楚了。使用“媒体”标签渲染图像会向图像添加大量其他 html，这通常很有用，但在这种情况下会破坏它。因此，而不是使用“媒体”，您应该使用“路径”，它只呈现更适合 Zurb Interchange 期望它的图像的图像路径。所以最终的代码是这样的：

<img data-interchange="[{% path post.image, 'small' %}, (small)], [{% path post.image, 'big' %}, (large)]">

来源：https://github.com/sonata-project/SonataMediaBundle/issues/577

【讨论】：