js变量里保存html标签片段报错

起因:我用了百度Ueditor插件在vue里,目的是生成H5页面,所以我只Ueditor获取了html片段,为的是自己添加html的头部和尾部;

1.vue data操作

header:'<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"><style type="text/css">html,body {height: 100%;width: calc(100% - 10px);padding: 0;margin: 0;}</style><style type="text/css">img{height: auto !important;width:100% !important;};</style><style type="text/css">#content {width: 90%;height: 100%;padding: 0;margin: 10px auto;};</style></head><body>',
footer:'</body></html>'

//Ueditor获取的片段例子
content='<section><>123</section>'
//合并成完整的html
html = header + content + footer;

我把这三部分拼接成了完整的html存到了后台;

2.vue变量写法没报错,生成H5页报错

vue变量写法没报错,换成html页面写法就错了

let header='<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"><style type="text/css">html,body {height: 100%;width: calc(100% - 10px);padding: 0;margin: 0;}</style><style type="text/css">img{height: auto !important;width:100% !important;};</style><style type="text/css">#content {width: 90%;height: 100%;padding: 0;margin: 10px auto;};</style></head><body>';
let footer='</body></html>' //报错了此处

在html页面let footer='</body></html>' 片段报错了此处~~~~
image
请各位帮看看怎么写才不会报错呢,感谢~~~
附上报错码

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
</head>
<body>
    <div id="content">12343</div>
    <script type="text/javascript">
        let footer='</body></html>'              
    </script>
</body>

</html>
阅读 1.8k
2 个回答

你这个代码片段不连贯,也没看到vue相关联的代码
从你上面的代码来看 是从html里面嵌套了一个 html???

除非用iframe嵌入,否则一个文档中只应该一组html、body标签对,你的是定义上是和这个相悖的,所以有问题。
你也没有给出完整的vue处理,就不好讨论啦。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题