Created
August 17, 2021 20:46
-
-
Save bishil06/879bcd9e54fe83800b8950b96617fe00 to your computer and use it in GitHub Desktop.
test
This file contains hidden or 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> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Hello World!</title> | |
| <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" /> | |
| </head> | |
| <body> | |
| <h1>Hello World!</h1> | |
| <p>Drag the boxes below to somewhere in your OS (Finder/Explorer, Desktop, etc.) to copy an example markdown file.</p> | |
| <div style="border:2px solid black;border-radius:3px;padding:5px;display:inline-block" draggable="true" id="drag1">Drag me - File 1</div> | |
| <div style="border:2px solid black;border-radius:3px;padding:5px;display:inline-block" draggable="true" id="drag2">Drag me - File 2</div> | |
| <script src="renderer.js"></script> | |
| </body> | |
| </html> |
This file contains hidden or 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
| const { app, BrowserWindow, ipcMain, nativeImage, NativeImage } = require('electron') | |
| const path = require('path') | |
| const fs = require('fs') | |
| const https = require('https') | |
| function createWindow() { | |
| const win = new BrowserWindow({ | |
| width: 800, | |
| height: 600, | |
| webPreferences: { | |
| preload: path.join(__dirname, 'preload.js') | |
| } | |
| }) | |
| win.loadFile('index.html') | |
| } | |
| const iconName = path.join(__dirname, 'iconForDragAndDrop.png'); | |
| const icon = fs.createWriteStream(iconName); | |
| // Create a new file to copy - you can also copy existing files. | |
| fs.writeFileSync(path.join(__dirname, 'drag-and-drop-1.md'), '# First file to test drag and drop') | |
| fs.writeFileSync(path.join(__dirname, 'drag-and-drop-2.md'), '# Second file to test drag and drop') | |
| https.get('https://img.icons8.com/ios/452/drag-and-drop.png', (response) => { | |
| response.pipe(icon); | |
| }); | |
| app.whenReady().then(createWindow) | |
| ipcMain.on('ondragstart', (event, filePath) => { | |
| event.sender.startDrag({ | |
| file: path.join(__dirname, filePath), | |
| icon: iconName, | |
| }) | |
| }) | |
| app.on('window-all-closed', () => { | |
| if (process.platform !== 'darwin') { | |
| app.quit() | |
| } | |
| }) | |
| app.on('activate', () => { | |
| if (BrowserWindow.getAllWindows().length === 0) { | |
| createWindow() | |
| } | |
| }) |
This file contains hidden or 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
| { | |
| "name": "tiny-jelly-monitor-q146y", | |
| "productName": "tiny-jelly-monitor-q146y", | |
| "description": "My Electron application description", | |
| "keywords": [], | |
| "main": "./main.js", | |
| "version": "1.0.0", | |
| "author": "leehj", | |
| "scripts": { | |
| "start": "electron ." | |
| }, | |
| "dependencies": {}, | |
| "devDependencies": { | |
| "electron": "15.0.0-alpha.7" | |
| } | |
| } |
This file contains hidden or 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
| const { contextBridge, ipcRenderer } = require('electron') | |
| const path = require('path') | |
| contextBridge.exposeInMainWorld('electron', { | |
| startDrag: (fileName) => { | |
| ipcRenderer.send('ondragstart', fileName) | |
| } | |
| }) |
This file contains hidden or 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
| document.getElementById('drag1').ondragstart = (event) => { | |
| event.preventDefault() | |
| window.electron.startDrag('drag-and-drop-1.md') | |
| } | |
| document.getElementById('drag2').ondragstart = (event) => { | |
| event.preventDefault() | |
| window.electron.startDrag('drag-and-drop-2.md') | |
| } |
This file contains hidden or 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
| /* Empty */ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment