Return 通过 AMP-List 的整个图像?
Return entire images via AMP-List?
我们正在尝试通过 AMP-List return 整个图像标记,而不仅仅是源 URL。
示例:
AMP-List Markup: {{{amp_image}}}
JSON Returned: {"amp_image":"<img src='example-img.png' />"}
但是,对于这个示例和许多变体 - 似乎没有图像是 returned。我们正在做的事情是可行的,还是存在事后无法显示图像的一些限制?
我们尝试 return 整个图像而不仅仅是源的主要原因是我们的一些 AMP 页面 'flagged'(通过 SEMRush 和其他)具有 404 .他们似乎看到了而不是实际的 src,因为它是通过 JS returned - 结果是 404.
在此先感谢您的任何意见!
您正在寻找的是一种从小胡子模板中 return 未转义 HTML 的方法。根据 Mustache documentation 执行此操作的方法是使用 "triple-mustache" 语法,即 {{{unescaped HTML}}}
.
然而,AMP 对此有一些限制(来自 Restrictions section of amp-mustache documentation):
The output of "triple-mustache" is sanitized to only allow the following tags: 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
, u
, ul
.
所以您使用的语法是有效的,但是 amp-img
不在 "triple-mustache" 模板允许的标签中。
我们正在尝试通过 AMP-List return 整个图像标记,而不仅仅是源 URL。
示例:
AMP-List Markup: {{{amp_image}}}
JSON Returned: {"amp_image":"<img src='example-img.png' />"}
但是,对于这个示例和许多变体 - 似乎没有图像是 returned。我们正在做的事情是可行的,还是存在事后无法显示图像的一些限制?
我们尝试 return 整个图像而不仅仅是源的主要原因是我们的一些 AMP 页面 'flagged'(通过 SEMRush 和其他)具有 404 .他们似乎看到了而不是实际的 src,因为它是通过 JS returned - 结果是 404.
在此先感谢您的任何意见!
您正在寻找的是一种从小胡子模板中 return 未转义 HTML 的方法。根据 Mustache documentation 执行此操作的方法是使用 "triple-mustache" 语法,即 {{{unescaped HTML}}}
.
然而,AMP 对此有一些限制(来自 Restrictions section of amp-mustache documentation):
The output of "triple-mustache" is sanitized to only allow the following tags:
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
,u
,ul
.
所以您使用的语法是有效的,但是 amp-img
不在 "triple-mustache" 模板允许的标签中。