まずMarkdownをプレビューしながらかけるエディタAtomをインストールします。
このようにMarkdown(マークダウン)を書きます。ソースは下でコピーできます。
# MARKDOWN ## 見出し2 - リスト要素 - リスト要素 - リスト要素 ## 見出し3 1. リスト要素 2. リスト要素 3. リスト要素 [atnr.net](http://atnr.net)
次にメニューからHTMLプレビューをしてみます。
Packages > Markdown Preview > Toggle PreviewからHTMLプレビューができます。
このように表示されます。
右クリックするとクリップボードにコピーしたりHTMLとして書き出しができます。
コピーされたHTMLがこちらです。
<h1 id="markdown">MARKDOWN</h1> <h2 id="-2">見出し2</h2> <ul> <li>リスト要素</li> <li>リスト要素</li> <li>リスト要素</li> </ul> <h2 id="-3">見出し3</h2> <ol> <li>リスト要素</li> <li>リスト要素</li> <li>リスト要素</li> </ol> <p><a href="http://atnr.net">atnr.net</a></p>
以上のようなHTMLとして出力されます。
コメントを残す