backup
This commit is contained in:
parent
4e5c5aec6d
commit
20228ddb91
|
|
@ -1,3 +1,5 @@
|
|||
node_modules/
|
||||
rpm-4.18.0
|
||||
out/
|
||||
out/
|
||||
ueditor-1.4.3.3/
|
||||
ueditor/
|
||||
24
index.html
24
index.html
|
|
@ -1,17 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'">
|
||||
<title>Hello World!</title>
|
||||
</head>
|
||||
<body>
|
||||
<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';"/>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Hello World!</h1>
|
||||
We are using Node.js <span id="node-version"></span>,
|
||||
Chromium <span id="chrome-version"></span>,
|
||||
and Electron <span id="electron-version"></span>.
|
||||
|
||||
<script src="./renderer.js"></script>
|
||||
</body>
|
||||
<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>
|
||||
25
main.js
25
main.js
|
|
@ -1,6 +1,8 @@
|
|||
// npm start
|
||||
const { app, BrowserWindow } = require('electron')
|
||||
const { app, BrowserWindow , ipcMain } = require('electron')
|
||||
const path = require('path')
|
||||
const fs = require('fs')
|
||||
const https = require('https')
|
||||
|
||||
// electorn
|
||||
const createWindow = () => {
|
||||
|
|
@ -14,14 +16,26 @@ const createWindow = () => {
|
|||
})
|
||||
// 加载 index.html
|
||||
win.loadFile('index.html')
|
||||
// win.loadURL('http://localhost/show/sync?current=1&pageSize=5')
|
||||
// 打开开发工具
|
||||
// mainWindow.webContents.openDevTools()
|
||||
win.webContents.openDevTools()
|
||||
}
|
||||
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)
|
||||
// })
|
||||
|
||||
// 这段程序将会在 Electron 结束初始化
|
||||
// 和创建浏览器窗口的时候调用
|
||||
// 部分 API 在 ready 事件触发后才能使用。
|
||||
app.whenReady().then(() => {
|
||||
// ipcMain.handle('ping', () => 'pong')
|
||||
createWindow()
|
||||
// 在 macOS 系统内, 如果没有已开启的应用窗口
|
||||
// 点击托盘图标时通常会重新创建一个新窗口
|
||||
|
|
@ -34,4 +48,11 @@ app.whenReady().then(() => {
|
|||
// 直到用户使用 Cmd + Q 明确退出
|
||||
app.on('window-all-closed', () => {
|
||||
if (process.platform !== 'darwin') app.quit()
|
||||
})
|
||||
|
||||
ipcMain.on('ondragstart', (event, filePath) => {
|
||||
event.sender.startDrag({
|
||||
file: path.join(__dirname, filePath),
|
||||
icon: iconName
|
||||
})
|
||||
})
|
||||
15
preload.js
15
preload.js
|
|
@ -1,12 +1,7 @@
|
|||
// 所有的 Node.js API接口 都可以在 preload 进程中被调用.
|
||||
// 它拥有与Chrome扩展一样的沙盒。
|
||||
window.addEventListener('DOMContentLoaded', () => {
|
||||
const replaceText = (selector, text) => {
|
||||
const element = document.getElementById(selector)
|
||||
if (element) element.innerText = text
|
||||
}
|
||||
|
||||
for (const dependency of ['chrome', 'node', 'electron']) {
|
||||
replaceText(`${dependency}-version`, process.versions[dependency])
|
||||
}
|
||||
})
|
||||
const { contextBridge, ipcRenderer } = require('electron/renderer')
|
||||
|
||||
contextBridge.exposeInMainWorld('electron', {
|
||||
startDrag: (fileName) => ipcRenderer.send('ondragstart', fileName)
|
||||
})
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
// 所有的 Node.js API接口 都可以在 preload 进程中被调用.
|
||||
// 它拥有与Chrome扩展一样的沙盒。
|
||||
window.addEventListener('DOMContentLoaded', () => {
|
||||
const replaceText = (selector, text) => {
|
||||
const element = document.getElementById(selector)
|
||||
if (element) element.innerText = text
|
||||
}
|
||||
|
||||
for (const dependency of ['chrome', 'node', 'electron']) {
|
||||
replaceText(`${dependency}-version`, process.versions[dependency])
|
||||
}
|
||||
})
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
const { contextBridge, ipcRenderer } = require('electron')
|
||||
|
||||
contextBridge.exposeInMainWorld('versions', {
|
||||
node: () => process.versions.node,
|
||||
chrome: () => process.versions.chrome,
|
||||
electron: () => process.versions.electron,
|
||||
ping: () => ipcRenderer.invoke('ping')
|
||||
// 除函数之外，我们也可以暴露变量
|
||||
})
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
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')
|
||||
}
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
const func = async () => {
|
||||
const response = await window.versions.ping()
|
||||
console.log(response) // 打印 'pong'
|
||||
}
|
||||
Loading…
Reference in New Issue