HTMLを追加
コードを貼り付けるか、.htmlファイルを開きます。
HTMLをMarkdownに変換
HTMLの本文構造を残しながら、レイアウト用のdiv、span、styleなどを整理して読みやすいMarkdownへ変換します。元のHTMLと結果の両方を編集できます。
0 文字
リッチプレビュー
プロジェクトノート
読みやすい文書は、分かりやすい構造から始まります。
確認すること
- 見出しの階層
- 正しく開くリンク
- 再利用しやすいファイル
ダウンロード前にプレビューを確認します。
ファイルはこのブラウザタブ内で処理されます。
HTMLをMarkdownへ変換する手順
画面に見える文字だけでなく、リンク先を含むHTMLソースを使います。
Markdownを編集
見出し、リンク、リスト、表、コードを確認し、不要なナビゲーションを削除します。
コピーまたは保存
レンダリング結果を確認して、Markdownをコピーまたは.mdで保存します。
対応内容
装飾タグを減らして本文構造を保持
Webページの見た目を再現するのではなく、持ち運びやすい文章へ整理します。
見出しと段落h1〜h6と段落をMarkdownの見出し・本文へ変換します。
リンクとリストリンク先URLとリスト階層を保ち、編集しやすい記法へ移します。
複雑な表を保護結合セルなどMarkdownで表せない表は、壊れた表を作らず安全なHTMLとして残す場合があります。
活用例
HTMLからMarkdownへ戻す場面
CMS移行
旧サイトの記事本文をMarkdownベースのCMSや静的サイトへ移します。
不要タグの整理
メールやWeb記事から装飾用タグを外し、内容だけを再利用します。
ドキュメント化
HTMLで残った手順をリポジトリ管理しやすい.mdへ変換します。
よくある質問
HTMLからMarkdownへの変換について
CSSの色や配置も変換できますか？
Markdownは内容構造を扱うため、色、余白、複数列などのCSS表現は通常取り除かれます。
変換後のMarkdownを編集できますか？
はい。結果タブで修正し、右側のレンダリングプレビューで確認できます。
WebページのURLだけで変換できますか？
現在はURLの自動取得に対応していません。対象ページの本文HTMLを貼り付けるか、.htmlファイルを開いてください。