マイノードWebKitのノート

いくつかの単語の男は、直接コードに、言いました：

index.htmlを

<！DOCTYPE HTML > 
< HTML > 
    < ヘッド> 
        < メタのcharset = "UTF-8"  /> 
        < タイトル> </ タイトル> 
        < リンクのrel = "スタイルシート" のhref = "CSS / style.cssに"  /> 
        < リンクのrel =」スタイルシート」のhref = "JS /テーマ/デフォルト/ default.css"  /> 
        < リンクのrel = "スタイルシート" のhref = "CSS / bootstrap.min.css"  /> 
    <
    
        DIV クラス= "メイン" > 
            < IFRAME SRC = "https://www.baidu.com" クラス= "フレーム" ボーダー= "0" > </ IFRAME > 
            < DIV クラス= "底" > 
                ＆NBSP;＆NBSP。
                < IMG ALT = "新增邮件" SRC = "IMG / edit.png" 幅= "20" 高さ= "20" のonclick = "編集（）"  /> 
                ＆NBSP;＆NBSP。
                < IMG ALT = "退出"onclickの= "出口（）"  /> 
            </ DIV > 
        </ DIV > 
        < DIV クラス= "モーダルフェードBS-例モーダル-LG" ID = "myModal" のtabindex = " - 1" の役割= "ダイアログ" > 
            < DIV クラス= "モーダルダイアログモーダル-LG" 役割= "文書" > 
                < divのクラス= "モーダル・コンテンツ" > 
                    < divのクラス= "モーダル・ヘッダ" > 
                        < h4をクラス=」タイトルモーダル" >編集メール</ H4 >
                        < ボタンタイプ= "ボタン" クラス= "クローズ" データ・解任= "モーダル" ARIAラベル= "閉じる" > < スパンARIA-隠さ= "真" > ＆回; </ スパン> </ ボタン> 
                    </ divの> 
                    < divのクラス= "モーダル・ボディ" > 
                        < フォーム> 
                            < textareaの名前= "コンテンツ" スタイル= "幅：760px;高さ：400ピクセル;可視性：隠されました;" > <
                        
                    > 
                    < DIV クラス= "モーダル・フッタ" > 
                        < ボタンタイプ= "ボタン" クラス= "BTN BTN-デフォルトの" データ・解任= "モーダル" >关闭</ ボタン> 
                        < ボタンタイプ= "ボタン" クラス= "BTN BTN-主」>保存</ ボタン> 
                    </ DIV > 
                </ DIV > 
            </ DIV > 
        </ DIV > 
    </ ボディ> 
</ HTML > 
< スクリプトタイプ= "テキスト/ javascriptの" SRC = "JS / jquery.min.js" > </ スクリプト> 
< スクリプトタイプ= "テキスト/ javascriptの" SRC = "JS / kindeditor-すべて-min.js" > </ スクリプト> 
< スクリプトタイプ= "テキスト/ javascriptの" SRC = "JS / LANG / ZH-CN.js" > </ スクリプト> 
< スクリプトタイプ= "テキスト/ javascriptの" SRC = "JS / bootstrap.min.js" > </ スクリプト> 
< スクリプトタイプ=」テキスト/ javascriptの」 SRC = "JS / init.js" > </ スクリプト> 
< スクリプトタイプ= "テキスト/ javascriptの" > 
    のvar エディタ。
    KindEditor.ready（関数（K）{ 
        エディタ= K.create（' TEXTAREA [NAME = "コンテンツ"] ' 、{ 
            allowFileManager：真
        }）; 
    }）; 

    機能の編集（）{ 
        $（' #myModal ' ）.modal（' ショー' ）; 
    } 
</ スクリプト>

package.json

{
     "名"： "メール" 、
     "メイン"： "index.htmlを" 、
     "nodejs"：真、
     "窓" ：{
         "タイトル"： "万华邮件管理" 、
         "ツールバー"：真、
         "幅" ：800 、
         "高さ"：600 、
         "サイズ変更可能"：真、
         "show_in_taskbar"：真、
         "フレーム"：真、
         "キオスク"：偽、
         "アイコン"：」./img/email。PNG」 
    }

     "のWebKit" ：{
         "プラグイン"：真
    } 
}

init.js

// ロードライブラリのネイティブUIの
VAR isShowWindow = trueに;
 // ロードライブラリのネイティブUIの
VARの GUI =（ 'nw.gui'が必要です）;
 VAR勝利= gui.Window.get（）; 
win.maximize（）; 
VARトレイ= 新新gui.Tray（{ 
    タイトル： 'スパムツール' 、
    アイコン： './img/email.png' 
}）; 
tray.tooltip = 'スパムツール' ;
 // メニューを追加
// VARメニュー新しい新しいgui.Menuを=（ ）; 
// menu.append（新新gui.MenuItem（{ 
//      タイプ： '標準'、
//      ラベル： '終了'、
//      クリック：機能（）{ 
//          IF（確認）（ "ツールあなたファインマン終了するにはOK？"）{ 
//              win.close（真の）; 
//          } 
//      } 
// }））; 
// トレイを。 =メニューメニュー; 
// クリックイベントトレイアイコン 
tray.on（ 'クリック' 、
     関数（）{
         IF （isShowWindow）{ 
            win.hide（）; 
            isShowWindow = falseに; 
        } そうでなければ{ 
            win.show（）; 
            isShowWindow = trueに。
            win.maximize（）; 
        } 
    } 
）; 
Win.on（ '使用閉じる'、機能（）{ 
    win.hide（）; 
}）; 

関数の終了（）{
     IF（確認（ "メールツールあなた終了するにはOK？" ））{ 
        （win.closeをtrueに）; 
    } 
}

おすすめ