裏紙に書く程度の内容

Markdown を HTML に変換するWEBツール

以前のエントリで markdown を pdf に変換するツールを紹介しましたが、

今回は markdown を html に変換するWEBツールを作ってみました。

変換サイトはこちら ⇒ MD2HTML

使い方

Input Markdown に markdown を入力、Make! ボタンクリックでHTMLが生成されます。

[md2pdfcapture

使用例

Markdown

サンプル


header1
===


header2
---

### header3

**強調表示**

*イタリック*

> 引用分のサンプル
> 引用分のサンプル
> 引用分のサンプル

|col1|col2|col3|
|:-:|:--|--:|
|data1|data1|data1|
|data2|data2|data2|
|data3|data3|data3|

[リンク](https://google.co.jp)

![画像](http://xxx.co.jp/hoge.jpg)

生成されるHTML

<h2>header2</h2>
<h3>header3</h3>
<p><strong>強調表示</strong></p>
<p><em>イタリック</em></p>
<blockquote>
<p>引用分のサンプル
引用分のサンプル
引用分のサンプル</p>
</blockquote>
<table>
<thead>
<tr>
<th style="text-align: center;">col1</th>
<th style="text-align: left;">col2</th>
<th style="text-align: right;">col3</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center;">data1</td>
<td style="text-align: left;">data1</td>
<td style="text-align: right;">data1</td>
</tr>
<tr>
<td style="text-align: center;">data2</td>
<td style="text-align: left;">data2</td>
<td style="text-align: right;">data2</td>
</tr>
<tr>
<td style="text-align: center;">data3</td>
<td style="text-align: left;">data3</td>
<td style="text-align: right;">data3</td>
</tr>
</tbody>
</table>
<p><a href="https://google.co.jp">リンク</a></p>
<p><img src="http://xxx.co.jp/hoge.jpg" alt="画像" /></p>

もっと便利なツールはあるけど、ブラウザ上でお手軽に変換する時につかえるかなぁ・・・と。

Index