Markdownエディタ・プレビューツール
左にMarkdownを入力すると、右側にHTMLプレビューをリアルタイム表示。HTML出力のコピーや文字数カウントにも対応します。
Markdown入力
プレビュー
ここにプレビューが表示されます。
HTML出力
使い方
1
Markdownを入力
左側のエディタにMarkdown記法でテキストを入力、またはコピー&ペーストします。
2
プレビューを確認
入力と同時に、右側にHTMLへ変換された結果がリアルタイムで表示されます。
3
HTMLをコピー
「HTMLをコピー」ボタンで変換後のHTMLソースをコピーして、ブログやサイトに貼り付けできます。
Markdownエディタとは
Markdown記法で書いたテキストを、リアルタイムでHTMLに変換・プレビューできるWebツールです。標準的なMarkdown(GFM準拠)に対応し、見出し・リスト・表・コードブロック・リンクなどを即座にプレビューできます。レンダリング後のHTMLはサニタイズ処理を通すため、安全に表示・コピーできます。すべての処理はブラウザ内で完結し、入力したテキストがサーバーに送信されることはありません。
関連ツール・ガイド
Markdownの基本記法をこれから学ぶ方はMarkdown入門ガイドがおすすめです。変換したHTMLだけが欲しい場合はMarkdown→HTML変換ツール、表を手早く作りたいときはMarkdownテーブル作成ツール、長い文書に目次を付けたいときはMarkdown目次(TOC)生成ツールを併用すると効率的です。
機能・特徴
- リアルタイムプレビュー入力と同時にHTMLへ変換。デスクトップは2カラム、スマホはタブ切替で快適に編集できます。
- HTML出力コピー変換後のHTMLソースをワンクリックでコピー。ブログやCMSへそのまま貼り付けられます。
- 安全なサニタイズDOMPurifyで危険なスクリプトを除去してから表示。XSSの心配なくプレビューできます。
- プライバシー保護すべての処理はブラウザ内で完結。テキストはサーバーに送信されません。
活用シーン
- ブログ記事・技術ドキュメントの執筆とHTML化
- GitHubのREADMEやWikiの下書き・確認
- Markdown記法の学習・記述の確認
- メモやToDoリストをHTML形式で出力
- CMSやメール用のHTMLスニペット作成
よくある質問
Markdownエディタは無料で使えますか?
はい、完全無料でご利用いただけます。会員登録も不要で、ブラウザを開くだけですぐにお使いいただけます。
入力したテキストは保存・送信されますか?
いいえ、入力されたMarkdownはサーバーに送信・保存されません。変換とプレビューはすべてお使いのブラウザ内で完結するため、機密性の高い文書でも安心してご利用いただけます。
どのMarkdown記法に対応していますか?
見出し、太字・斜体、リスト、番号付きリスト、引用、コードブロック、表、リンク、画像など、GitHub Flavored Markdown(GFM)に準拠した記法に対応しています。改行の扱い(breaks)も有効化しています。
プレビューは安全ですか?XSSの心配はありませんか?
はい、変換後のHTMLはDOMPurifyでサニタイズ処理を行い、危険なスクリプトやイベントハンドラを除去してから画面に表示しています。そのため悪意のあるコードが実行される心配はありません。
生成されたHTMLをそのままサイトに使えますか?
「HTMLをコピー」ボタンで取得したHTMLは、ブログやCMS、メールなどに貼り付けて利用できます。見た目はサイト側のCSSに依存するため、必要に応じてスタイルを調整してください。
スマートフォンでも使えますか?
はい、スマートフォン・タブレット・PCすべてに対応しています。スマホでは「編集」「プレビュー」のタブで画面を切り替えながら快適に編集できます。
書式ツールバーはどう使いますか?
エディタ上部の「見出し」「太字」「リンク」「リスト」「コード」「表」ボタンを使うと、選択中のテキストにMarkdown記法を自動で挿入できます。記法を覚えていなくても、ボタンを押すだけで正しいMarkdownが入力されるので便利です。テキストを範囲選択してからボタンを押すと、その選択範囲に書式が適用されます。
作成した文書をファイルとして保存できますか?
はい。「Markdownを保存」ボタンで入力中のMarkdownを.mdファイルとして、「HTMLを保存」ボタンで変換後のHTMLを単体で表示できる.htmlファイルとしてダウンロードできます。ダウンロード処理もブラウザ内で完結し、ファイルがサーバーに送信されることはありません。