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>' 片段报错了此处~~~~
请各位帮看看怎么写才不会报错呢,感谢~~~
附上报错码
<!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>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
你这个代码片段不连贯,也没看到vue相关联的代码
从你上面的代码来看 是从html里面嵌套了一个 html???
除非用iframe嵌入,否则一个文档中只应该一组html、body标签对,你的是定义上是和这个相悖的,所以有问题。
你也没有给出完整的vue处理,就不好讨论啦。