如何将html保存到变量中

时间:2016-07-15 04:07:40

标签: javascript jquery html

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保存到变量?

1 个答案:

答案 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());