これは、ACE Web エディターと Markdown-it をベースにしたMarkdown Editorです。
このエディターはリモート サーバーに展開することも、ローカル コンピューターにインストールすることもできます。
使い方はとても簡単です。 Web ページを開くだけで、左側でマークダウン テキストを編集でき、 Preview
ボタンを押すと右側で結果をプレビューできます。 Save
ボタンを押すと、ファイルをローカルに保存できます。 Settings
クリックすると、エディターのフォント サイズを選択したり、プレビュー ウィンドウの CSS スタイルを選択したりできます。
このエディターは Node.js に基づいているため、最初に Node.js をインストールする必要があります。 Node.js パッケージはここにあります。
プラットフォームに応じて適切なバージョンをダウンロードし、Node.js Web サイトで提供されるインストール手順に従ってください。
Node.js が既にインストールされていることを確認する方法は、次の 2 つのコマンドを実行することです。
$ node -v
$ npm -v
上記のコマンドは、インストールしたばかりの Node.js と npm のバージョンを確認するために使用されます。同様の出力が得られるはずです。
$ node -v
v6.9.5
$ npm -v
4.1.2
github からエディターのソース コードをダウンロード/クローンします。
server.js
でコードを見つけます。
var server = app . listen ( 7888 , function ( ) {
var host = server . address ( ) . address ;
var port = server . address ( ) . port ;
console . log ( " Markdown Editor is openned at: http://%s:%s" , host , port ) ;
} )
このアプリケーションがリッスンしているポートが 7888 であることを確認してください (何が影響を受けるかがわかっている場合は、使用可能な別のポートを選択できます)。
これで、Node.js を使用してサーバーを実行できるようになりました。
$ node /path/to/source/code/server.js
次に、ブラウザを開いて http://127.0.0.1:7888/index.html にアクセスすると、次のようなエディターが表示されます。(はい、ここではポート 7888 を指定する必要があります) マークダウン エディター " title="このMarkdown Editor " style="max-width: 100%;">
リモート サーバーに ssh 接続する必要があり、この手順をリモート サーバーで実行します。
まずリモート サーバーに ssh 接続します。リモート サーバーがすでにある場合は、この手順は問題ないと思います。
あとはローカルにインストールするのと同じです。 PPA 経由でインストールする必要がある場合があります。リモート サーバーに Node.js をインストールする方法については、Google で検索できます。
まず、リモート サーバーにgit
がインストールされていることを確認して、簡単なコマンド ラインでソースのクローンを作成できるようにします。
git clone https://github.com/daveying/Markdown-Editor.git
グーグルで調べることも必要です。(注: OS が異なれば、方法も異なります)
server.js
でコードを見つけます。
var server = app . listen ( 7888 , function ( ) {
var host = server . address ( ) . address ;
var port = server . address ( ) . port ;
console . log ( " Markdown Editor is openned at: http://%s:%s" , host , port ) ;
} )
このアプリケーションがリッスンしているポートが 80 であることを確認してください。ここで 80 を選択するのは、ブラウザで IP アドレスを指定するだけでアプリケーションにアクセスできるためです。また、ドメイン名の設定もはるかに簡単です。
これで、Node.js を使用してサーバーを実行できるようになりました。
$ node /path/to/source/code/server.js
次に、ブラウザを開いて http://ip_of_your_remote_server にアクセスすると、このエディタが表示されるはずです。
リモート サーバーの IP アドレスに A レコード ポイントを追加でき、ドメインを使用してこのエディターにアクセスできます。 (ポートが 80 に設定されていない場合は、nginx というツールを使用する必要があります)
すでにドメイン名を持っているので、これを設定する方法を理解できます。以下は、モバイル デバイス経由でこの Web アプリにアクセスしたときのレンダリングです。
マークダウン エディター " title="このMarkdown Editor " style="max-width: 100%;">