crm网站下载,网站建设模块一项目三,上海备案证查询网站查询,龙华做网站窗口间通信的问题electron窗口通信比nwjs要麻烦的多electron分主进程和渲染进程#xff0c;渲染进程又分主窗口的渲染进程和子窗口的渲染进程主窗口的渲染进程给子窗口的渲染进程发消息subWin.webContents.on(dom-ready, () {subWin.webContents.send(message, {title: s…窗口间通信的问题electron窗口通信比nwjs要麻烦的多electron分主进程和渲染进程渲染进程又分主窗口的渲染进程和子窗口的渲染进程主窗口的渲染进程给子窗口的渲染进程发消息subWin.webContents.on(dom-ready, () {subWin.webContents.send(message, {title: self.$root.a[self.$root.aIndex].title,content: window.UE.instants.ueditorInstant0.getContent(),id: self.$root.a[self.$root.aIndex].id,winId: item.winId,siteId: item.id,url,type});
});子窗口的渲染进程接收消息的代码ipcRenderer.on(message, (event, article) {console.log(article);
})注意应该dom-ready了之后再发要不然你的子窗口进程有可能接收不到消息子窗口的渲染进程给主窗口的渲染进程发消息比较麻烦子窗口要先把消息发送给主进程再由主进程中转给主窗口const { ipcRenderer} require(electron);
ipcRenderer.send(articleRefreshMain, {siteId:cnblogs,url: url});主进程接收消息后中转给主窗口渲染进程的代码import { app, BrowserWindow,ipcMain } from electron
ipcMain.on(articleRefreshMain, (event, message) {mainWindow.webContents.send(contentRefreshRenderer, message);
});主窗口渲染进程接收消息的代码ipcRenderer.on(articleRefreshRenderer, (e, message) {self.$root.a[self.$root.aIndex][message.siteId] {url: message.url}self.$root.needSave.a true;
});监听编辑器内图片删除的事件通过黏贴或者拖拽进编辑器的图片我把它复制到了文章的目录用户本地目录如果用户在编辑文章的过程中又删了这个图片那么我应该在目录中也删除这个图片这就需要监控文章编辑器的图片变化我用的是H5的MutationObserver对象理论上用这个东西可以监控任何DOM的变化var editorDocument document.getElementById(ueditor_0).contentWindow.document;
var observer new MutationObserver(records {self.$root.needSave.c true;records.forEach((item, index) {if (item.removedNodes.length 0 item.removedNodes[0].tagName IMG) {var path decodeURI(item.removedNodes[0].src.substr(7));fs.unlink(path, err {if (err) console.log(err);});}});
});
observer.observe(editorDocument, {childList: true,subtree: true
});electron-vue获取app版本号的hack代码本来electron获取app版本号很简单只要如下即可以下代码运行在main进程中import { app, BrowserWindow,ipcMain } from electron
var versionStr app.getVersion();getVersion: 如果应用程序的 package. json 文件中找不到版本号, 则返回当前包或者可执行文件的版本就是electron的版本号。因为我用的electron-vue他又两种模式生产模式和开发模式在生产模式下没任何问题在开发模式下它其实是起了一个webserver让electron加载一个localhost的地址这样做主要是为了使用vue的hotload的优势但这样的话electron就找不到 package. json 文件中的版本号了怎么办呢我们在应用启动的时候先在主进程中把版本号拿出来if (process.env.NODE_ENV ! development) {global.__static require(path).join(__dirname, /static).replace(//g, )winURL file://${__dirname}/index.html;
}else{app.getVersion () curVersion;winURL http://localhost:9080;
}注意我们通过app.getVersion () curVersion;把getVersion方法给hack了把文章内容填入特殊的网站编辑器中在处理文章提交到知乎的过程中发现知乎用了一个特殊的编辑器一个基于reactjs的编辑器github上有开源的忘记地址了怎么搞都搞不定他甚至不支持设置HTML的内容最后用了electron的操作剪切板的能力才搞定的先把文章内容放到剪贴板再focus知乎的编辑器再执行黏贴事件代码如下const {clipboard,ipcRenderer,remote
} require(electron);var win remote.BrowserWindow.fromId(this.winId);win.focus();setTimeout(function () {document.getElementsByClassName(WriteIndex-titleInput)[0].children[0].focus();clipboard.writeText(this.title);win.webContents.paste();setTimeout(function () {document.getElementsByClassName(public-DraftEditor-content)[0].click();clipboard.writeHTML(this.doc.body.innerHTML);win.webContents.paste();ipcRenderer.send(articleRefreshMain, {siteId: zhihu,url: window.location.href});}.bind(this), 800)}.bind(this), 800)注意如果要黏贴两个地方最好间隔个几百毫秒要不然网页还没反应过来你就focus另一个地方了会导致黏贴不成功。开源说明源码地址https://github.com/xland/xiangxuema界面截屏也在这里支持平台win x64、mac x64、linux x64打包编译脚本都在编译好的应用程序我放到了阿里云的CDN里下载速度超赞大家可以下载来用用看有什么问题请不吝提交issue有issue必回
