Markdown Editor
Markdownエディター
Markdownを入力すると、整形後の表示をその場で確認できます。HTMLへの変換、コピー、ファイル保存もブラウザ内で完結します。
Markdownを編集
リアルタイムプレビュー
Markdownを入力すると、ここにプレビューが表示されます。
Markdownエディターとは
Markdownエディターは、Markdown記法で書いた文章を編集しながら、実際にどのように表示されるかを確認するためのツールです。Markdownは、見出しには「#」、箇条書きには「-」、太字には「**」のようなシンプルな記号を使います。HTMLタグを直接記述するより読み書きしやすく、README、技術文書、ブログ記事、メモ、仕様書、チャット投稿など幅広い場面で利用されています。
このツールでは入力内容をリアルタイムでプレビューします。ツールバーから太字、斜体、見出し、引用、コード、リンク、画像、リスト、表などの記法を挿入できるため、Markdownの記号をすべて覚えていなくても利用できます。入力したMarkdownそのものをコピーするほか、変換後のHTMLをコピーしたり、.mdファイルやHTMLファイルとして保存したりできます。
Markdownの方言や利用サービスによって、対応する記法には違いがあります。本ツールは一般的によく使われる記法に加えて、取り消し線、チェックリスト、コードフェンス、表を簡易的に表示します。GitHub、ブログサービス、CMSなどへ貼り付ける際は、最終的な表示を貼り付け先でも確認してください。
入力した文章はサーバーへ送信せず、ブラウザ内のJavaScriptで変換します。公開前の原稿や社内文書を扱う場合にも利用しやすい設計ですが、共有端末ではブラウザ履歴やクリップボードに内容が残る可能性があります。機密情報の扱いについては利用環境の規則に従ってください。
主な機能
- 入力と同時にプレビューを更新します。
- 見出し、強調、引用、リスト、コード、リンク、画像、表を表示できます。
- ツールバーからMarkdown記法を簡単に挿入できます。
- Markdownと変換後HTMLをコピーできます。
- .mdファイルとHTMLファイルを保存できます。
- 文字数、単語数、行数を確認できます。
- 入力内容はブラウザ内で処理します。
使い方
- 左側の入力欄にMarkdownを入力します。
- 必要に応じてツールバーから書式を挿入します。
- 右側のリアルタイムプレビューで表示を確認します。
- 別画面で読みやすく確認したい場合は「別画面で表示」を押します。
- 用途に応じてMarkdownまたはHTMLをコピー・保存します。
利用時の注意
- サービスごとにMarkdownの対応範囲や表示方法が異なります。
- プレビューでは安全のため、入力したHTMLタグをそのまま実行せず文字として扱います。
- 外部画像は画像URLの提供元へアクセスして表示されます。
- 非常に長い文章では、端末性能によってプレビュー更新に時間がかかる場合があります。
- 変換後HTMLを利用する際は、掲載先のセキュリティ要件に合わせて確認してください。
よくある質問
Markdownとは何ですか？
記号を使って見出し、強調、リスト、リンクなどを表現する軽量な文書記法です。元のテキストも読みやすいことが特徴です。
入力した文章はサーバーへ送信されますか？
いいえ。MarkdownからHTMLへの変換とプレビュー表示はブラウザ内で行われます。
HTMLタグを直接入力できますか？
入力はできますが、安全のためHTMLとして実行せず文字列として表示します。Markdown記法を利用してください。
GitHub Flavored Markdownに完全対応していますか？
一般的なMarkdownに加え、表、チェックリスト、取り消し線など主要な記法を簡易対応していますが、GitHub独自仕様のすべてを再現するものではありません。
コードブロックに色分けは付きますか？
言語名を指定したコードフェンスはclass属性を付けて出力しますが、このページ内では構文ハイライト用ライブラリを使用していないため自動色分けは行いません。
MarkdownをHTMLへ変換できますか？
はい。「HTMLをコピー」または「HTMLを保存」で、プレビューに使用したHTMLを取得できます。
Markdownファイルを保存できますか？
はい。「.mdを保存」を押すと、入力内容をUTF-8のMarkdownファイルとして保存できます。
表はどのように書きますか？
1行目に見出し、2行目にハイフン区切り、3行目以降にデータを縦線で区切って記述します。ツールバーの表ボタンからひな形を挿入できます。
改行がプレビューに反映されないのはなぜですか？
Markdownでは通常の改行だけでは同じ段落として扱われます。段落を分ける場合は空行を入れ、強制改行する場合は行末に半角スペースを2つ入れます。
画像を埋め込めますか？
はい。画像の公開URLを指定できます。ただしローカルファイルのアップロードやサーバーへの保存は行いません。
スマートフォンでも利用できますか？
はい。画面幅が狭い場合は入力欄とプレビューが縦に並ぶため、スマートフォンでも編集できます。
コピーしたHTMLはそのまま公開できますか？
基本的なHTMLとして利用できますが、公開先のCSSやセキュリティ設定によって表示が変わるため、公開前に必ず確認してください。