Created
October 17, 2019 02:20
-
-
Save zinozzino/1a7d5f9b4f9fac26fa5d1f7cd5548498 to your computer and use it in GitHub Desktop.
Dump Clipboard Data
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <!-- Required meta tags --> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |
| <!-- Bootstrap CSS --> | |
| <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> | |
| <title>dump-clipboard-data</title> | |
| </head> | |
| <body> | |
| <p></p> | |
| <div id="event-data" class="container"></div> | |
| <!-- Optional JavaScript --> | |
| <!-- jQuery first, then Popper.js, then Bootstrap JS --> | |
| <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> | |
| <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> | |
| <script> | |
| function render(fragment, type, payload) { | |
| } | |
| function printEvent(event) { | |
| const container = document.getElementById('event-data'); | |
| let text = ""; | |
| container.innerHTML = ''; | |
| const types = [...event.clipboardData.items].map(item => item.type); | |
| const payload = event.clipboardData.getData('text/plain'); | |
| const fragment = document.createDocumentFragment(); | |
| const alertContainer = document.createElement('div'); | |
| const preContainer = document.createElement('pre') | |
| const itemContainer = document.createElement('code'); | |
| alertContainer.classList.add('alert', 'alert-success'); | |
| preContainer.classList.add('pre-scrollable'); | |
| itemContainer.textContent = `${types}\n${payload}`; | |
| preContainer.appendChild(itemContainer); | |
| [preContainer].forEach(e => alertContainer.appendChild(e)); | |
| container.appendChild(alertContainer); | |
| } | |
| document.addEventListener('paste', printEvent); | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment