话不多说，直接上码：
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="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); } }