scratch
/quickload/text.html/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> |