如何将 HTML 保存到变量中

how can I save the html to a variable

本文关键字：变量 保存 HTML      更新时间：2023-09-26

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

有了 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());
相关文章：