如何使用 CycleJS 将 html 插入 iframe

Question

使用 vanilla JavaScript，我将执行以下操作以将 h1 标记添加到 iframe 主体：

var doc = document.getElementById('iframe').contentWindow.document;
doc.write('<h1>Hello</h1>');

我如何使用 CycleJS 做到这一点？

Answer 1

HTML5 引入了 iframe 属性 srcdoc 接受字符串 HTML:

import {iframe, makeDOMDriver} from '@cycle/dom';

// later

iframe({attrs: {srcdoc: '<h1>Hello</h1>'}})

显然这在没有 polyfill, as mentioned 的 IE 或 Edge 中不起作用。

当然还有老赖：

iframe({attrs: {src: 'myiframe.html'}})

How insert html into iframe with CycleJS