diff --git a/tool/html/index.html b/tool/html/index.html index 3f02662..97d0ad6 100644 --- a/tool/html/index.html +++ b/tool/html/index.html @@ -5,15 +5,25 @@ - + 醉墨编程 + +
+ +
diff --git a/tool/html/script.js b/tool/html/script.js index 0283545..d31566c 100644 --- a/tool/html/script.js +++ b/tool/html/script.js @@ -19,7 +19,7 @@ preview.onclick = () => { output.innerHTML = input.value } -html2mark.onclick = () => { +html2md.onclick = () => { opt = 1 output.innerText = turn.turndown(input.value) } \ No newline at end of file diff --git a/tool/html/style.css b/tool/html/style.css index 5160b67..30628a1 100644 --- a/tool/html/style.css +++ b/tool/html/style.css @@ -1,15 +1,14 @@ -body { - margin: 0; -} - #head { position: fixed; + z-index: 1; } #editor { + position: fixed; display: flex; height: 100vh; } + button { background-color: #3d9; width: 150px; @@ -17,10 +16,10 @@ button { #input, #output { - flex: 1; - height: 100%; + width: 50vw; box-sizing: border-box; padding: 30px; + background-color: #fff; } #input { diff --git a/tool/md/index.html b/tool/md/index.html index 3785130..bbe93c1 100644 --- a/tool/md/index.html +++ b/tool/md/index.html @@ -5,16 +5,25 @@ - + 醉墨编程 +
+ +
diff --git a/tool/md/script.js b/tool/md/script.js index 33692d2..3678405 100644 --- a/tool/md/script.js +++ b/tool/md/script.js @@ -19,7 +19,7 @@ preview.onclick = () => { output.innerHTML = marked.parse(input.value) } -mark2html.onclick = () => { +md2html.onclick = () => { opt = 1 output.innerText = marked.parse(input.value) } \ No newline at end of file diff --git a/tool/md/style.css b/tool/md/style.css index 5160b67..30628a1 100644 --- a/tool/md/style.css +++ b/tool/md/style.css @@ -1,15 +1,14 @@ -body { - margin: 0; -} - #head { position: fixed; + z-index: 1; } #editor { + position: fixed; display: flex; height: 100vh; } + button { background-color: #3d9; width: 150px; @@ -17,10 +16,10 @@ button { #input, #output { - flex: 1; - height: 100%; + width: 50vw; box-sizing: border-box; padding: 30px; + background-color: #fff; } #input {