| <!DOCTYPE html> | |
| <html> | |
| <body> | |
| <div id="editor" contenteditable></div> | |
| <script> | |
| const editor = document.getElementById('editor'); | |
| editor.focus(); | |
| var clipboardData = {}; | |
| editor.addEventListener('paste', (event) => { | |
| clipboardData.types = Array.from(event.clipboardData.types); | |
| clipboardData.items = Array.from(event.clipboardData.items).map((item) => ({kind: item.kind, type: item.type})); | |
| clipboardData.values = clipboardData.types.map((type) => event.clipboardData.getData(type)); | |
| clipboardData.files = Array.from(event.clipboardData.files); | |
| setTimeout(() => { | |
| let img = document.querySelector('img'); | |
| if (img.complete) | |
| notifyLoaded(); | |
| else | |
| img.onload = notifyLoaded; | |
| }, 0); | |
| }); | |
| function notifyLoaded() | |
| { | |
| if (window.webkit) | |
| webkit.messageHandlers.testHandler.postMessage('loaded'); | |
| else | |
| alert('loaded'); | |
| } | |
| </script> | |
| </body> | |
| </html> |