electron 两个窗口如何通信_electron开发客户端注意事项(兼开源个人知识管理工具“想学吗”)...

本文介绍了在 Electron 中处理窗口间通信的挑战,包括主窗口与子窗口的渲染进程之间的消息传递,并提供了解决方案。同时,讨论了监听编辑器内图片删除事件的方法,利用MutationObserver对象监控DOM变化。还分享了在electron-vue框架下获取app版本号的特殊代码,并展示了如何将文章内容填入特定网站编辑器的技巧,利用剪切板功能完成黏贴。最后,提到了个人知识管理工具‘想学吗’的开源信息。
摘要由CSDN通过智能技术生成

窗口间通信的问题

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('ele
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值