scratch
| /quickload/text.html |
|---|
| @@ -12,7 +12,7 @@ |
| <title>Quickload</title> |
| <!-- Polyfill --> |
| <!-- <script src="js/polyfill/polyfill.min.js"></script> --> |
| <script src="js/polyfill/polyfill.min.js"></script> |
| <!-- Bootstrap core CSS --> |
| <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet"> |
| @@ -33,7 +33,7 @@ |
| <!-- Trumbowyg --> |
| <link href="css/trumbowyg/trumbowyg.min.css" rel="stylesheet"> |
| <!-- Local style --> |
| <!-- <link href="css/style.css" rel="stylesheet"> --> |
| <link href="css/text/style.css" rel="stylesheet"> |
| </head> |
| <body> |
| @@ -61,10 +61,13 @@ |
| <i class="glyphicon glyphicon-globe"></i> |
| </button> |
| </span> |
| <span class="input-group-btn"> |
| <button id="clippy" class="btn btn-default" type="button" data-clipboard-target="#URL"><img class="clippy" src="img/clipboard/clippy.svg" width="13" alt="Copy to Clipboard"></button> |
| </span> |
| </div> |
| </div> |
| <div class="panel-body" id="uploadpanel"> |
| <div id="trumbowyg" style="height: 334px; display: none; font-family: monospace;"> |
| <div class="panel-body" id="editorpanel"> |
| <div id="trumbowyg" style="display: none; font-family: monospace;"> |
| </div> |
| </div> |
| </div> |
| @@ -84,6 +87,8 @@ |
| <!-- Trumbowyg --> |
| <script src="js/trumbowyg/trumbowyg.min.js"></script> |
| <!-- Clipboard --> |
| <script src="js/clipboard/clipboard.min.js"></script> |
| <script> |
| $(document).ready(() => { |
| // Load the editor. |
| @@ -112,6 +117,9 @@ |
| $('#trumbowyg').show(); |
| }); |
| // Enable the Clipboard button. |
| new Clipboard('#clippy'); |
| $('#save').click(() => { |
| $('#editor').trumbowyg('disable'); |
| @@ -139,6 +147,7 @@ |
| $('#trumbowyg').trumbowyg('enable'); |
| }); |
| }); |
| }); |
| </script> |
| </body> |