Amp html 是否可以在AMP列表中从JSON呈现AMP组件?
我正在创建一个ASP.NET MVC应用程序来转换内容管理系统中的内容,并将其呈现为符合AMP的页面。CMS有一个称为列表的概念,它将特定模板的内容项组合在一起,每个内容项可以有不同类型的自定义字段(纯文本、布尔值、HTML等) amp list组件允许您使用三个大括号而不是两个大括号来呈现原始HTML,例如Amp html 是否可以在AMP列表中从JSON呈现AMP组件?,amp-html,Amp Html,我正在创建一个ASP.NET MVC应用程序来转换内容管理系统中的内容,并将其呈现为符合AMP的页面。CMS有一个称为列表的概念,它将特定模板的内容项组合在一起,每个内容项可以有不同类型的自定义字段(纯文本、布尔值、HTML等) amp list组件允许您使用三个大括号而不是两个大括号来呈现原始HTML,例如{{{{htmlProperty}}。这在一般情况下是可行的,但我遇到了一个问题,它剥离了图像,即使我在服务器端修改它们以使用正确的amp img语法 我有以下amp列表组件: <am
{{{{htmlProperty}}
。这在一般情况下是可行的,但我遇到了一个问题,它剥离了图像,即使我在服务器端修改它们以使用正确的amp img语法
我有以下amp列表组件:
<amp-list layout="fixed-height" height="500" src="https://jsonblob.com/api/jsonBlob/56eb207e-e2c3-11e8-a8cb-676415a24d50" single-item>
<template type="amp-mustache">
{{#contentItems}}
<section>
<header>
{{title}}
</header>
<div>
{{{content}}}
</div>
</section>
{{/contentItems}}
</template>
</amp-list>
用于演示
有没有办法让它正常工作?我在报纸上没有看到这方面的任何消息。我甚至发现了使用三个大括号来呈现原始HTML,因为在中使用了它,但没有相应的文档。对“三个小胡子”的输出进行了清理,只允许使用以下标记:a
,b
,br
,caption
,colgroup
,code
,del
,div
,em
,i
,ins
,li
,mark
,ol
,p
,s
,small
,span
,strong code>强
,sub code>,sup code
,,sup,th
,thead
,tfoot
,tr
,u
,ul
对“三胡子”的输出进行消毒,只允许以下标签:a
,b
,br
,caption
,colgroup
,code
,del
,div
,em
,i
,ins
,li
,mark,p
,q
,s
,small
,span
,strong
,sub
,sup
,table
,tbody
,td
,th
,thead
,tfoot
,,,
不幸的是,这是正确的答案;我很惊讶amp-*组件没有包含在可接受标签列表中。我发现了一个表明这是故意的。不幸的是,这是正确的答案;我很惊讶amp-*组件没有包含在可接受标签列表中。我发现了一个表明这是故意的。
{
"totalRecords": 2,
"pageSize": 0,
"pageNumber": 1,
"items": {
"contentItems": [
{
"row": 1,
"title": "What is your favorite sport?",
"content": "<p><strong>Hockey</strong></p>"
},
{
"row": 2,
"title": "What is your favorite country?",
"content": "<p>Canada</p><amp-img src=\"http://www.flagblvd.com/wp-content/uploads/2015/09/canadian-flag-medium.png\" alt=\"\" layout=\"fill\"></amp-img>"
}
]
}
}