マークダウン Markdown

# マークダウンからHTML生成

#### HTMLタグが有効ならボタン表示

<input type="button" value="ボタン">

## 箇条書き

* [FormOKトップページ](https://formok.com).
* リポジトリのクローン: `git clone https://github.com/twbs/bootstrap.git`.
* 複合記法 [総務省統計局](https://www.stat.go.jp/data/e-census/topics/topi751.html): `https://www.stat.go.jp/data/e-census/topics/topi751.html`.

### コードのサンプル（複数行）

```javascript
var s = "JavaScript syntax highlighting";
alert(s);
```

### コマンドなど

`setsebool -P allow_postfix_local_write_mail_spool 1`

---

### 引用

> 2018年9月に経済産業省が発表した「DXレポート」が企業の注目を集めて久しい。「レガシーを刷新しなければ生き残れない」とした「2025年の崖」というメッセージも多くの企業に浸透し、テクノロジーの力を生かして創出された新たな価値が既存の業界構造を破壊する、いわゆる“ディスラプション”に強い危機感を抱く経営層もかなり増えたといわれている。

#### 表のサンプル

| 都市名        | 事業所数(万所) | 従業者数(万人) |
| ------------- |----------:|-----:|
| 東京特別区部   | 56.4 | 721.2 |
| 大阪府大阪市   | 20.9 |   219.2 |
| 神奈川県横浜市 | 12.6 |    142.9 |

#### 写真

![上海](/img/800x500.jpg "上海の写真だよ！")

```
bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.min.css
│   ├── bootstrap-theme.css
│   └── bootstrap-theme.min.css
├── js/
│   ├── bootstrap.js
│   └── bootstrap.min.js
└── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    └── glyphicons-halflings-regular.woff
```

HTMLタグを許可：

生成されたHTMLコード

<h1>マークダウンからHTML生成</h1>
<h4>HTMLタグが有効ならボタン表示</h4>
<input type="button" value="ボタン">
<h2>箇条書き</h2>
<ul>
<li><a href="https://formok.com">FormOKトップページ</a>.</li>
<li>リポジトリのクローン: <code>git clone https://github.com/twbs/bootstrap.git</code>.</li>
<li>複合記法 <a href="https://www.stat.go.jp/data/e-census/topics/topi751.html">総務省統計局</a>: <code>https://www.stat.go.jp/data/e-census/topics/topi751.html</code>.</li>
</ul>
<h3>コードのサンプル（複数行）</h3>
<pre><code class="language-javascript">var s = "JavaScript syntax highlighting";
alert(s);</code></pre>
<h3>コマンドなど</h3>
<p><code>setsebool -P allow_postfix_local_write_mail_spool 1</code></p>
<hr />
<h3>引用</h3>
<blockquote>
<p>2018年9月に経済産業省が発表した「DXレポート」が企業の注目を集めて久しい。「レガシーを刷新しなければ生き残れない」とした「2025年の崖」というメッセージも多くの企業に浸透し、テクノロジーの力を生かして創出された新たな価値が既存の業界構造を破壊する、いわゆる“ディスラプション”に強い危機感を抱く経営層もかなり増えたといわれている。</p>
</blockquote>
<h4>表のサンプル</h4>
<table>
<thead>
<tr>
<th>都市名</th>
<th style="text-align: right;">事業所数(万所)</th>
<th style="text-align: right;">従業者数(万人)</th>
</tr>
</thead>
<tbody>
<tr>
<td>東京特別区部</td>
<td style="text-align: right;">56.4</td>
<td style="text-align: right;">721.2</td>
</tr>
<tr>
<td>大阪府大阪市</td>
<td style="text-align: right;">20.9</td>
<td style="text-align: right;">219.2</td>
</tr>
<tr>
<td>神奈川県横浜市</td>
<td style="text-align: right;">12.6</td>
<td style="text-align: right;">142.9</td>
</tr>
</tbody>
</table>
<h4>写真</h4>
<p><img src="/img/800x500.jpg" alt="上海" title="上海の写真だよ！" /></p>
<pre><code>bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.min.css
│   ├── bootstrap-theme.css
│   └── bootstrap-theme.min.css
├── js/
│   ├── bootstrap.js
│   └── bootstrap.min.js
└── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    └── glyphicons-halflings-regular.woff</code></pre>

生成されたHTML表示

マークダウンからHTML生成

HTMLタグが有効ならボタン表示

箇条書き

FormOKトップページ.
リポジトリのクローン: git clone https://github.com/twbs/bootstrap.git.
複合記法総務省統計局: https://www.stat.go.jp/data/e-census/topics/topi751.html.

コードのサンプル（複数行）

var s = "JavaScript syntax highlighting";
alert(s);

コマンドなど

setsebool -P allow_postfix_local_write_mail_spool 1

引用

2018年9月に経済産業省が発表した「DXレポート」が企業の注目を集めて久しい。「レガシーを刷新しなければ生き残れない」とした「2025年の崖」というメッセージも多くの企業に浸透し、テクノロジーの力を生かして創出された新たな価値が既存の業界構造を破壊する、いわゆる“ディスラプション”に強い危機感を抱く経営層もかなり増えたといわれている。

表のサンプル

都市名	事業所数(万所)	従業者数(万人)
東京特別区部	56.4	721.2
大阪府大阪市	20.9	219.2
神奈川県横浜市	12.6	142.9

写真

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.min.css
│   ├── bootstrap-theme.css
│   └── bootstrap-theme.min.css
├── js/
│   ├── bootstrap.js
│   └── bootstrap.min.js
└── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    └── glyphicons-halflings-regular.woff