今回はファイルを読み込んでエディタに表示させます。 基本的にWebページではJavaScriptだろうがPHPだろうが、ローカルファイルへのアクセスは原則できません。これはウェブページからの不正アクセスを防ぐためにあるんですが、Electronはデスクトップアプリを想定して作られた技術なので、そこについては解決されています。 まずはHTML(index.html)にファイル読込用のボタンを仕込みます。 <button onclick=”openFile();”>Open</button> で、JavaScript側は以下の通りです。ソースファイルはここからダウンロードしてください。
![Electronでエディタを作る ~ローカルファイルの読み込み~ | 非IT企業に勤める中年サラリーマンのIT日記](https://cdn-ak-scissors.b.st-hatena.com/image/square/dad46a248177635b9e1ef59a70715663e400ffb5/height=288;version=1;width=512/http%3A%2F%2Fpineplanter.moo.jp%2Fnon-it-salaryman%2Fwp-content%2Fuploads%2F2016%2F02%2F1-7.png)