http://codepen.io/kevinchappell/pen/mPQMYZ
function showPreview() {
let formRenderOpts = {
formData: fbTemplate.value,
render: false
},
renderedForm = new FormRenderFn(formRenderOpts).markup,
html = `<!doctype html><title>Form Preview</title><body>${renderedForm}</body></html>`;
var formPreviewWindow = '';//window.open('', 'formPreview', 'height=480,width=640,toolbar=no,scrollbars=yes');
formPreviewWindow.document.write(html);
var style = document.createElement('link');
style.appendChild(document.createTextNode(''));
style.setAttribute('href', '//formbuilder.online/assets/css/form-render.min.css');
style.setAttribute('rel', 'stylesheet');
style.setAttribute('type', 'text/css');
formPreviewWindow.document.head.appendChild(style);
}
如何使用window.open打开html,如何将html保存到变量?
答案 0 :(得分:0)
使用jQuery,只需使用jQuery/$
构造函数快捷方式将HTML字符串转换为jQuery对象即可。然后,您可以使用jQuery的append方法更简洁地附加样式表。
然后可以将生成的对象插入到文档中,或者使用jQuery的html()
方法返回完整的HTML。
var formRenderOpts = {
formData: fbTemplate.value,
render: false
},
renderedForm = new FormRenderFn(formRenderOpts).markup,
html = $('<!doctype html><head><title>Form Preview</title></head><body>' + renderedForm + '</body></html>');
html.find('head').append('<link rel="stylesheet" href="//formbuilder.online/assets/css/form-render.min.css"></style>');
//Output the HTML:
console.log(html.html());