mustache - 通过 AMP 列表返回整个图像？

Question

我们正在尝试通过 AMP-List 返回整个图像标签，而不仅仅是源 URL。

例子：

AMP-List Markup: {{{amp_image}}}
JSON Returned: {"amp_image":"<img src='example-img.png' />"}

但是，使用此示例和许多变体 - 似乎没有返回任何图像。我们正在做的事情是可能的，还是有一些限制，在事后无法显示图像？

我们试图返回整个图像而不仅仅是源的主要原因是我们的一些 AMP 页面被“标记”（通过 SEMRush 和其他）具有 404。他们似乎看到而不是实际的 src，因为它是通过 JS 返回的 - 这导致 404。

在此先感谢您的任何输入！

标签： mustacheamp-htmlamp-list

Answer 1

您正在寻找的是一种从 mustache 模板返回未转义 HTML 的方法。根据Mustache 文档，执行此操作的方法是使用“triple-mustache”语法，即{{{unescaped HTML}}}.

但是，AMP 对此设置了一些限制（来自amp-mustache 文档的限制部分）：

"triple-mustache" 的输出被清理为只允许以下标签：a, b, br, caption, colgroup, code, del, div, em, i, ins, li, mark, ol, p, q, s, small, span, , strong, sub, sup, table, tbody, time, td, th, thead, tfoot, tr, .uul

因此，您使用的语法是有效的，但amp-img不在“三重胡须”模板中允许的标签之列。