Amp html 是否可以在AMP列表中从JSON呈现AMP组件?

Amp html 是否可以在AMP列表中从JSON呈现AMP组件?,amp-html,Amp Html,我正在创建一个ASP.NET MVC应用程序来转换内容管理系统中的内容,并将其呈现为符合AMP的页面。CMS有一个称为列表的概念,它将特定模板的内容项组合在一起,每个内容项可以有不同类型的自定义字段(纯文本、布尔值、HTML等) amp list组件允许您使用三个大括号而不是两个大括号来呈现原始HTML,例如{{{{htmlProperty}}。这在一般情况下是可行的,但我遇到了一个问题,它剥离了图像,即使我在服务器端修改它们以使用正确的amp img语法 我有以下amp列表组件: <am

我正在创建一个ASP.NET MVC应用程序来转换内容管理系统中的内容,并将其呈现为符合AMP的页面。CMS有一个称为列表的概念,它将特定模板的内容项组合在一起,每个内容项可以有不同类型的自定义字段(纯文本、布尔值、HTML等)

amp list组件允许您使用三个大括号而不是两个大括号来呈现原始HTML,例如
{{{{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>"
      }
    ]
  }
}