thrive4.github.io/text2md.html at main · thrive4/thrive4.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" charset="UTF-8" />
    <meta name="keywords"    content="" />
    <title>documentconverter</title>
    <link rel="icon" type="image/x-icon" href="images/favicon.jpg">
    <link rel="stylesheet" href="main.css" />
</head>
<body>
<p id="wah"></p>
<script type="text/javascript" src="js/body.js" defer></script>
<div class="docbody">
  <label for="input-text">Plain Text Input:</label>
  <textarea class="doctextarea" id="input-text" placeholder="Paste your plain text here...">
  </textarea>

  <script>
      if (window.localStorage.getItem('pagedata') !== null) {
         document.getElementById('input-text').innerHTML = window.localStorage.getItem('pagedata');
      }
  </script>
  <br><br>
  <button class="docbutton" id="convert-btn">Convert to Markdown</button>
  <br><br>
  <label for="markdown-output">Converted Markdown Output:</label>
  <textarea class="doctextarea" id="markdown-output" readonly placeholder="Converted Markdown will appear here..."></textarea>
  <div id="output">loaded stopwords (en)</div>
  <br>
  <button class="docbutton" id="download-pdf-btn">Download as PDF</button>
  <button class="docbutton" id="download-md-btn">Download as MD</button>

  <script>
    document.getElementById('convert-btn').addEventListener('click', () => {
      inittext2md();
    });
    document.getElementById('download-md-btn').addEventListener('click', () => {
       initmddownload();
    });
    document.getElementById('download-pdf-btn').addEventListener('click', () => {
       initpdfdownload();
    });
  </script>
</div>
</body>
</html>