求助这段代码如何转换成正常可看的HTML页面

zoenbo 发表于 2020-10-12 13:57

JS是放在这个HTML页面里，但是JS完全是乱的，从HTML打开后，每个字都是单独的不能大范围复制，如何实现不用JS，直接能打看就能看呢？
HTML页面
<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport"
 content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>chapter-1</title>

<style>
 @page {
 margin: 0;
 padding: 0;
 size: 5in 6.674in;
 }
 html, body {
 padding: 0;
 margin: 0;
 }
 body {
 background-color: #44454A;
 }
 .read-box {
 width: 660px;
 margin: 0 auto;
 }
 .read-box .read-item {
 height: 880px;
 position: relative;
 background-color: #fff;
 }
 .read-box.read-mode .read-item{
 margin-bottom: 10px;
 }
 .button {
 position: fixed;
 left: 50%;
 top: 200px;
 margin-left: -460px;
 text-align: right;
 }
 .button button {
 margin-bottom: 6px;
 }
</style>
</head>
<body>

<div id="app">
<div class="read-box" :class="mode">
 <div class="chapter-wrap">
 <div
 class="read-item"
 v-for="(item2, index) in book"
 v-html="item2.chapterInfo.snippet"
 :key="index">
 </div>
 </div>
</div>

<div class="button">
 <div>
 <button @click="print" v-show="mode === 'read-mode'">打印/另存pdf</button>
 </div>
 <div>
 <button @click="readMode" v-show="mode === 'print-mode'">阅读模式</button>
 </div>
</div>
</div>

</body>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.min.js"></script>
<script src="./data/chapter-1.js"></script>
<script>
window.book.children.forEach((item)=>{
item.chapterInfo = JSON.parse(item.chapterInfo)
})
new Vue({
el: '#app',
data() {
 return {
 book: window.book.children || [],
 mode: 'read-mode'
 }
},
methods: {
 print() {
 this.mode = 'print-mode'

 setTimeout(()=>{
 window.print()
 }, 300)
 },
 readMode() {
 this.mode = 'read-mode'
 }
}
})
</script>
</html>
JS
window.book = {"chapterID":1,"originalChapterID":0,"pageCount":1,"pagenum":2,"children":[{"chapter":{},"chapterInfo":"{\"status\":\"ok\",\"code\":0,\"pageType\":0,\"snippet\":\"<div class=\\\"wraper\\\" style=\\\"width: 660px; height: 880px; position: absolute; left:0px; top:0px; overflow: hidden; \\\">\\n<div class=\\\"text\\\" style=\\\"width: 660px; height: 880px; position: absolute; left:0px; top:0px;\\\">\\n<div><style type=\\\"text/css\\\">\\n.fs-2146a648-4 {\\nfont-size:17px;\\n font-family:'Microsoft Yahei';\\ncolor:#28363e;\\n position:absolute;\\n} \\n.fs-2146a648-a {\\nfont-size:17px;\\n font-family:Arial;\\ncolor:#28363e;\\n position:absolute;\\n} \\n.fs-2146a648-0 {\\nfont-size:26px;\\n font-family:'Microsoft Yahei';\\n font-weight: 500;\\n color:#28363e;\\n position:absolute;\\n} \\n<\\/style>。<\\/span>\\n东<\\/span>\\n：<\\/span>\\n版<\\/span>\\n当<\\/span>\\n <\\/span>\\n分<\\/span>\\n类<\\/span>\\n用<\\/span>\\ng<\\/span>\\n9<\\/span>\\n江<\\/span>\\n公<\\/span>\\n时<\\/span>\\n限<\\/span>\\n5<\\/span>\\n传<\\/span>\\n0<\\/span>\\n限<\\/span>\\n北<\\/span>\\n者<\\/span>\\n出<\\/span>\\n敏<\\/span>\\n词<\\/span>\\n本<\\/span>\\n·<\\/span>\\n·<\\/span>\\n-<\\/span>\\n商<\\/span>\\nt<\\/span>\\nB<\\/span>\\n7<\\/span>\\n教<\\/span>\\n5<\\/span>\\n北<\\/span>\\ni<\\/span>\\n4<\\/span>\\n浙<\\/span>\\n电<\\/span>\\n版<\\/span>\\na<\\/span>\\n文<\\/span>\\n书<\\/span>\\n发<\\/span>\\n排<\\/span>\\n版<\\/span>\\n息<\\/span>\\n司<\\/span>\\n有<\\/span>\\n务<\\/span>\\n0<\\/span>\\n大<\\/span>\\n-<\\/span>\\n京<\\/span>\\n新<\\/span>\\n8<\\/span>\\n播<\\/span>\\n <\\/span>\\n <\\/span>\\n7<\\/span>\\n侵<\\/span>\\nS<\\/span>\\n2<\\/span>\\n与<\\/span>\\n必<\\/span>\\n版<\\/span>\\n0<\\/span>\\nS<\\/span>\\n0<\\/span>\\nK<\\/span>\\n有<\\/span>\\n出<\\/span>\\n司<\\/span>\\n公<\\/span>\\n1<\\/span>\\n：<\\/span>\\n <\\/span>\\n所<\\/span>\\n授<\\/span>\\n实<\\/span>\\n出<\\/span>\\n当<\\/span>\\n行<\\/span>\\n制<\\/span>\\n7<\\/span>\\n—<\\/span>\\n作<\\/span>\\n4<\\/span>\\n：<\\/span>\\n超<\\/span>\\n记<\\/span>\\n权<\\/span>\\n7<\\/span>\\n—<\\/span>\\n书<\\/span>\\n名<\\/span>\\n愚<\\/span>\\n权<\\/span>\\nI<\\/span>\\n0<\\/span>\\n由<\\/span>\\n版<\\/span>\\n间<\\/span>\\n社<\\/span>\\n6<\\/span>\\n京<\\/span>\\n1<\\/span>\\n：<\\/span>\\n方<\\/span>\\n科<\\/span>\\n育<\\/span>\\n <\\/span>\\n速<\\/span>\\n信<\\/span>\\nr<\\/span>\\n版<\\/span>\\n文<\\/span>\\nN<\\/span>\\n1<\\/span>\\n5<\\/span>\\n5<\\/span>\\n6<\\/span>\\n作<\\/span>\\n化<\\/span>\\n权<\\/span>\\n3<\\/span>\\n：<\\/span>\\n俞<\\/span>\\n社<\\/span>\\n有<\\/span>\\nn<\\/span>\\n究<\\/span>\\n0<\\/span>\\n：<\\/span>\\n1<\\/span>\\n洪<\\/span>\\n子<\\/span>\\n权<\\/span>\\n<\\/div>\\n<\\/div>\\n<\\/div>\\n\"}","systemDate":"1602480670172","currentDate":"2020-10-12 13:31:10","wordSize":2}]}

blankspace 发表于 2020-10-12 14:21

正则提取一下

virgin_8 发表于 2020-10-12 14:43

等内行人解决问题，学习一下。

jidesheng6 发表于 2020-10-12 15:06

```javascript

<div class="wraper" style="width: 660px; height: 880px; position: absolute; left:0px; top:0px; overflow: hidden; "><div class="text" style="width: 660px; height: 880px; position: absolute; left:0px; top:0px;"><div><style type="text/css">.fs-2146a648-4 {font-size:17px; font-family:'Microsoft Yahei';color:#28363e; position:absolute;} .fs-2146a648-a {font-size:17px; font-family:Arial;color:#28363e; position:absolute;} .fs-2146a648-0 {font-size:26px; font-family:'Microsoft Yahei'; font-weight: 500; color:#28363e; position:absolute;} </style>。东：版当 分类用g9江公时限5传0限北者出敏词本··-商tB7教5北i4浙电版a文书发排版息司有务0大-京新8播 7侵S2与必版0S0K有出司公1： 所授实出当行制7—作4：超记权7—书名愚权I0由版间社6京1：方科育 速信r版文N1556作化权3：俞社有n究0：1洪子权</div></div></div>"}
```

发飙的熊猫君 发表于 2020-10-12 15:07

给你解析了一下，链接https://wwe.lanzouj.com/iwoTChd4e4h
希望对你有所帮助

发飙的熊猫君 发表于 2020-10-12 15:08

下载了之后把后缀改成json就可以了，蓝奏不能上传json文件

zoenbo 发表于 2020-10-12 15:10

jidesheng6 发表于 2020-10-12 15:06
```javascript

.fs-2146a648-4 {font-size:17px; font-family:'Microsoft Yahei';color:#28363e;...

对，就是要这种结果，大佬，什么方法可以批量转换呢

zoenbo 发表于 2020-10-12 15:15

发飙的熊猫君发表于 2020-10-12 15:07
给你解析了一下，链接https://wwe.lanzouj.com/iwoTChd4e4h
希望对你有所帮助

有办法能转换成HTML标记的这种代码吗

jidesheng6 发表于 2020-10-12 15:31

zoenbo 发表于 2020-10-12 15:10
对，就是要这种结果，大佬，什么方法可以批量转换呢

看楼下，有方案的

zoenbo 发表于 2020-10-12 15:38

Summer大大发表于 2020-10-12 15:14
string js = File.ReadAllText("a.js");
List txts =...

大佬，这是批处理还是什么语言呢，我不知道怎么操作，请恕小弟愚笨

页: [1] 2

吾爱破解 - 52pojie.cn's Archiver

求助这段代码如何转换成正常可看的HTML页面