我的node-webkit笔记

时间：2019-12-13 10:37:00 阅读：78 评论：0 收藏：0 [点我收藏+]

话不多说，直接上码：

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">
                &nbsp;&nbsp;
                <img alt="新增邮件" src="img/edit.png" width="20" height="20" onclick="edit()" />
                &nbsp;&nbsp;
                <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">&times;</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);
    }
}

我的node-webkit笔记

原文：https://www.cnblogs.com/wpcnblog/p/12033164.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)