|
10
|
1 <!doctype html>
|
|
|
2 <html lang="en">
|
|
|
3 <head>
|
|
|
4 <meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
5 <title>Lang</title>
|
|
|
6 <style>
|
|
|
7 @import "/site.css";
|
|
|
8 </style>
|
|
|
9 <script src="https://cdn.jsdelivr.net/npm/markdown-it@14.1.0/dist/markdown-it.min.js"></script>
|
|
|
10 <script src="/site.js"></script>
|
|
|
11 <script>
|
|
|
12 function markdown() {
|
|
|
13 let textarea = document.querySelector('textarea');
|
|
|
14 let result = document.querySelector('div[result]');
|
|
|
15 result.textContent = textarea.value;
|
|
|
16 result.setAttribute('markdown','');
|
|
|
17 handleMarkdown();
|
|
|
18 }
|
|
|
19 </script>
|
|
|
20 </head>
|
|
|
21 <body>
|
|
|
22 <div content>
|
|
|
23 <form action="javascript:markdown()">
|
|
|
24 <h1>Markdown</h1>
|
|
|
25 <p><textarea rows=20 cols=80></textarea></p>
|
|
|
26 <p><input type=submit></p>
|
|
|
27 </form>
|
|
|
28 <div result>
|
|
|
29 </div>
|
|
|
30 </div>
|
|
|
31 </body>
|
|
|
32 </html>
|
