diff options
Diffstat (limited to '_doc/test.html')
| -rw-r--r-- | _doc/test.html | 57 |
1 files changed, 0 insertions, 57 deletions
diff --git a/_doc/test.html b/_doc/test.html deleted file mode 100644 index 1ee01b0..0000000 --- a/_doc/test.html +++ /dev/null @@ -1,57 +0,0 @@ -<html> - <head> - <title>HTML test</title> - <style> - .row { - width: 100%; - display: flex; - flex-direction: row; - } - .col-50 { - width: 50%; - display: flex; - flex-direction: column; - margin: 1em; - } - textarea#rawhtml { - width: 100%; - } - #output { - border: 1px solid black; - } - @media screen and (max-width: 720px) { - .row { - flex-direction: column; - } - .col-50 { - width: calc(100% - 2em); - } - } - </style> - </head> - <body> - <div class="row"> - <div class="col-50"> - <div> - Input partial raw HTML and click - <button onclick="doPreview()">Preview</button> - </div> - <textarea id="rawhtml" name="rawhtml" rows="50"> -input raw <b>html</b> here!</textarea - > - </div> - <div class="col-50"> - <div>Output :</div> - <div id="output"></div> - </div> - </div> - </body> - <script> - function doPreview() { - let elInput = document.getElementById("rawhtml"); - let elOut = document.getElementById("output"); - - elOut.innerHTML = elInput.value; - } - </script> -</html> |
