如何将带有iframe的网站嵌入到我的网页中(撇号CMS)

时间:2019-04-26 21:30:07

标签: apostrophe-cms nunjucks

我想嵌入一个位于其他站点的表单,我见过https://docs.apostrophecms.org/apostrophe/modules/apostrophe-oembed,但是文档没有提供如何使用该模块的任何示例。

我可以将单引号用作小部件吗?

1 个答案:

答案 0 :(得分:0)

看看官方的custom widgets tutorial

您要做的是添加一个单一的架构字段url,并将type设置设置为url。在lib/modules/iframe-widgets/index.js中,您可以这样写:

module.exports = {
  extend: 'apostrophe-widgets',
  addFields: [
    {
      name: 'url',
      type: 'url',
      required: true
    }
  ]
};

然后,在lib/modules/iframe-widgets/views/widget.html中,仅输出您的iframe:

<iframe src="{{ data.widget.url }}"></iframe>

应该的!现在,您可以像其他小部件一样将其包含在页面模板中:

{# Would work just as well in apos.area #}
apos.singleton(data.page, 'someName', 'iframe', {})