マークダウンエディタ/プレビュー
マークダウン記法で入力して、デザインを選びながらリアルタイムでプレビューできます。CSS付きHTML、Markdown、PDFとして出力できます。
スポンサーリンク
読み込み中...
テンプレート挿入
マークダウン入力
HTMLプレビュー
マークダウン記法の基本
見出し
# H1 ## H2 ### H3
強調
*italic* **bold** ***bold italic***
リスト
- Item - Child 1. First 2. Second
リンクと画像
[Link](URL) 
テーブル
| A | B | | --- | --- | | 1 | 2 |
コード
`inline`
```js
console.log('ok');
```注意事項
PDF出力は、プレビュー本文だけの出力用HTMLを別タブに生成してからブラウザの印刷機能を開きます。広告、エディタ、操作ボタンはPDF化されません。印刷ダイアログで保存先に「PDFとして保存」を選択してください。
使い方
- 左側のエディタにマークダウン記法でテキストを入力します。
- プレビューデザインとアクセントカラーを選ぶと、右側のHTMLプレビューとHTML出力に同じCSSが適用されます。
- 必要に応じて別タブの全画面表示を開き、大きな左右ペインで編集できます。
- Markdown、CSS付きHTML、PDFとして出力できます。
補足説明
- README・技術ブログ・ドキュメントの下書きをリアルタイムプレビューで確認しながら書けます。
- HTMLタグの直接記述にも一部対応していますが、環境によってサニタイズされる場合があります。
よくある質問
どのMarkdown記法に対応していますか？
見出し・リスト・リンク・コードブロックなどの標準的な記法に加え、GFM(GitHub Flavored Markdown)のテーブル・取り消し線・タスクリストにも対応しています。
書いた内容は保存されますか？外部に送信されますか？
プレビュー処理はブラウザ内で完結しており、入力内容がサーバーへ送信されることはありません。ページを離れると内容は失われるため、必要なテキストはコピーして保存してください。
プレビューとGitHubでの表示は同じになりますか？
GFM準拠のため見出し・テーブル・コードブロックなど主要な要素はほぼ同じ見た目になります。ただしGitHub独自の拡張(メンション、絵文字ショートコードなど)や細かいスタイルは異なる場合があります。
スポンサーリンク
読み込み中...
関連ツール
テキスト差分比較
2つのテキストの差分を視覚的に表示します。変更箇所の確認に。
テキスト比較+1
使ってみる
文字列置換
テキスト内の文字列を一括置換します。正規表現にも対応。
テキスト開発
使ってみる
文字数カウント
文字数、単語数、行数をカウントします。文章作成やSEO対策に。
計算テスト+1
使ってみる
URI エンコード
URLエンコード（パーセントエンコーディング）を行います。日本語や特殊文字をURL形式に変換。
変換開発+2
使ってみる
URI デコード
URLデコード（パーセントデコーディング）を行います。エンコードされたURLを元の文字列に戻します。
変換開発+2
使ってみる
Base64 エンコード
テキストをBase64形式にエンコードします。バイナリデータの安全な転送に。
変換開発+2
使ってみる
スポンサーリンク
読み込み中...
プライバシーについて
お気に入り情報はブラウザ内にのみ保存されます。サーバーには送信されないため、安心してご利用ください。