我的node-webkit笔记
2024-09-18 11:44:11
话不多说,直接上码:
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="js/themes/default/default.css" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
</head>
<body>
<div class="main">
<iframe src="https://www.baidu.com" class="frame" border="0"></iframe>
<div class="bottom">
<img alt="新增邮件" src="img/edit.png" width="20" height="20" onclick="edit()" />
<img alt="退出" src="img/exit.png" width="20" height="20" onclick="exit()" />
</div>
</div>
<div class="modal fade bs-example-modal-lg" id="myModal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">编辑邮件</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body">
<form>
<textarea name="content" style="width:760px;height:400px;visibility:hidden;"></textarea>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary">保存</button>
</div>
</div>
</div>
</div>
</body>
</html>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/kindeditor-all-min.js"></script>
<script type="text/javascript" src="js/lang/zh-CN.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/init.js"></script>
<script type="text/javascript">
var editor;
KindEditor.ready(function(K) {
editor = K.create('textarea[name="content"]', {
allowFileManager: true
});
}); function edit() {
$('#myModal').modal('show');
}
</script>
package.json
{
"name": "mail",
"main": "index.html",
"nodejs": true,
"window": {
"title": "万华邮件管理",
"toolbar": true,
"width": 800,
"height": 600,
"resizable": true,
"show_in_taskbar": true,
"frame": true,
"kiosk": false,
"icon": "./img/email.png"
}, "webkit": {
"plugin": true
}
}
init.js
// Load native UI library
var isShowWindow = true;
// Load native UI library
var gui = require('nw.gui');
var win = gui.Window.get();
win.maximize();
var tray = new gui.Tray({
title: '邮件工具',
icon: './img/email.png'
});
tray.tooltip = '邮件工具';
//添加一个菜单
// var menu = new gui.Menu();
// menu.append(new gui.MenuItem({
// type: 'normal',
// label: '退出',
// click: function() {
// if (confirm("确定退出Feynman工具吗?")) {
// win.close(true);
// }
// }
// }));
// tray.menu = menu;
//click 托盘图标事件
tray.on('click',
function() {
if (isShowWindow) {
win.hide();
isShowWindow = false;
} else {
win.show();
isShowWindow = true;
win.maximize();
}
}
);
win.on('close', function() {
win.hide();
}); function exit(){
if (confirm("确定退出邮件工具吗?")) {
win.close(true);
}
}
最新文章
- 影响postgresql性能的几个重要参数
- 【leetcode】Remove Nth Node From End of List(easy)
- 21、JavaScript加强
- 偶遇makeblock
- 禁止生成文件Thumbs.db
- Linux下可执行程序调试信息的分离及release程序的调试
- LaTeX新人教程,30分钟从全然陌生到基本入门
- Java NIO内存映射---上G大文件处理(转)
- enq: SQ - contention
- 微信小程序选项卡功能
- IFrame父页面和子页面的交互
- java易错题----静态方法的调用
- Python并发编程-线程
- ACM-ICPC 2018 沈阳赛区网络预赛 J. Ka Chang (分块思想)
- Windows核心编程:第14章 探索虚拟内存
- .NET Core 运行时标识符 (RID) 目录
- ARC与Toll-Free Bridging
- NOIP2002普及T3【产生数】
- js网页 唤醒支付宝
- MySQL 一个库中表数量是否有限制?