Richdown Web エディタを開く

HTML を Markdown に変換

Web ページ、Word、Google ドキュメントからコピーしたリッチテキストや HTML を貼り付けると、GitHub 形式の Markdown に変換します。

ブラウザの中だけで動きます。貼り付けた内容や開いたファイルはサーバーに送られません。

HTML またはリッチテキスト

使い方

  1. コピーする

    変換したい Web ページや文書の範囲を選んでコピーします。

  2. 貼り付ける

    左の欄に貼り付けます。リッチテキストは HTML のソースとして入り、右に Markdown が出ます。「プレビュー」で仕上がりを確かめられます。

  3. 持ち出す

    コピーするか .md ファイルで保存します。「Richdown Web で開く」で、エディタで続きを書くこともできます。

変換の対応表

どの行も、このページで実際に変換した結果です。

HTMLMarkdown
見出し 
<h2>概要</h2>
 
## 概要
太字と斜体 
<strong>重要</strong>と<em>補足</em>
 
**重要**と*補足*
Google ドキュメントの太字 
<span style="font-weight:700">太字</span>
 
**太字**
リンク 
<a href="https://example.com">サイト</a>
 
[サイト](https://example.com)
入れ子のリスト 
<ul><li>項目<ul><li>子項目</li></ul></li></ul>
 
- 項目
  - 子項目
チェックボックス 
<ul><li><input type="checkbox" checked> 完了</li></ul>
 
- [x] 完了
表 
<table><tr><th>プラン</th><th>価格</th></tr>
<tr><td>無料</td><td>0円</td></tr></table>
 
| プラン | 価格 |
| ------ | ---- |
| 無料   | 0円  |
コード 
<pre><code class="language-js">run()</code></pre>
 
```js
run()
```
引用 
<blockquote>引用した文</blockquote>
 
> 引用した文

スクリプト・スタイル・埋め込みのフレームは取り除きます。行頭の # のように、そのままだと書式になってしまう記号には \ を付けて、元の文章と同じに見えるようにします。

よくある質問

貼り付けた内容はどこかに送られますか？

いいえ。変換は Turndown を使ってブラウザの中で行います。貼り付けた内容をアップロードしたり保存したりすることはありません。

Google ドキュメントや Word の太字も変換されますか？

はい。Google ドキュメントや Word は太字・斜体・取り消し線をタグではなくスタイルで付けます。そのスタイルを読み取って **太字**、*斜体*、~~取り消し線~~ にします。

見出しの行がない表はどうなりますか？

Markdown の表には見出しの行が必要なので、1行目を見出しにします。

エディタに直接貼り付けても変換されますか？

はい。Richdown Web のエディタでは、リッチテキストを貼り付けると Markdown に、表計算ソフトのセルを貼り付けると表になります。そのまま貼り付けたいときは Shift を押しながら貼り付けてください（Ctrl/⌘+Shift+V）。

一部の記号の前に \ が付くのはなぜですか？

行頭の # や * のように、そのままだと Markdown の書式になってしまう記号は、元の文章と同じに見えるようにエスケープします。

ほかのツール