Markdown入力

レンダリングプレビュー

Markdownビューアーとは?

Markdownがレンダリングされるとどのように見えるか確認したいですか?Markdownビューアーを使えば、.mdファイルをアップロードするかMarkdownコンテンツを直接貼り付けて、フォーマットされたHTML出力を即座に確認できます。インストール不要、サーバーへのアップロード不要。貼り付けて、確認して、必要であればダウンロードするだけです。

このツールはGitHub Flavored Markdown(GFM)をサポートしており、テーブル、タスクリスト、取り消し線、シンタックスハイライト付きコードブロックなどが含まれます。公開前にREADMEを確認したり、ドキュメントの見た目を確認したり、GitHubやGitLabのリポジトリなしにMarkdown構文を検証したりするのに最適です。

プレビューは入力に応じて即座に更新され、シンタックスハイライト付きのコードブロックが美しく表示され、テーブルが適切なフォーマットでレンダリングされ、レンダリングされたHTMLをどこでも使用するためにダウンロードできます。すべてがブラウザ内で即座に行われ、完全なプライバシーが保護されます。Markdownがコンピューターから離れることはありません。

Markdownビューアーの使い方

MarkdownをレンダリングされたHTMLとして表示するための手順に従ってください。各ステップはこのページの実際のボタンとパネルを使用します。

1

貼り付け、アップロード、またはサンプルの読み込み

左側のMarkdown入力パネルにMarkdownを貼り付けるか、アップロードをクリックして.mdファイルを読み込みます。サンプルをクリックするとサブスクライバーAPIドキュメントの例が表示されます。例:

# サブスクライバーAPI
## プランを取得
**plan**と**dataUsage**を返します。
- subscriberId | carrier | status
2

レンダリングプレビューを確認

右側のレンダリングプレビューパネルにフォーマットされたHTMLが表示されます。GFMをサポート:テーブル、コードブロック、リスト。入力しながらリアルタイムで更新されます。

3

HTMLのコピーまたはダウンロード

HTMLをコピーまたはHTMLをダウンロードをクリックして出力を使用します。クリアで最初からやり直せます。すべての処理はブラウザ内で行われます。

実際の使いどころ

プッシュ前のREADMEプレビュー

コミットしてプッシュする前に、GitHubでREADMEがどのように見えるか確認します。フォーマットの問題を検出し、テーブルが正しくレンダリングされることを確認し、ドキュメントがプロフェッショナルに見えることを確認します。

ドキュメントサイトの公開

ドキュメントサイトに公開する前にMarkdownファイルをプレビューして検証します。テーブル、コードブロック、ネストされたリストが正しくレンダリングされることを確認します。ドキュメントプラットフォームや静的サイトジェネレーター向けにクリーンなHTMLをエクスポートします。

メールニュースレターの作成

Markdownでメールニュースレターを書き、HTMLにレンダリングして、メールマーケティングプラットフォーム向けに出力をコピーします。Campaign MonitorMailchimpなどのメールサービスに対応しています。

ブログ記事や記事の執筆

Markdownで書き、フォーマットを即座にプレビューし、ブログプラットフォームやCMS向けにHTMLをエクスポートします。テクニカルブログ、チュートリアル、またはHTMLやMarkdown入力を受け付けるコンテンツプラットフォームに最適です。

よくある質問

Markdownはサーバーにアップロードされますか?

いいえ。すべてのレンダリングはJavaScriptを使用してブラウザ内で行われます。Markdownコンテンツがコンピューターを離れることはなく、データの保存、分析、ログ記録も行いません。完全なプライバシーが保証されます。

レンダリングされたHTMLをエクスポートできますか?

「HTMLをコピー」ボタンをクリックしてレンダリングされたHTMLをクリップボードにコピーするか、「HTMLをダウンロード」で完全なHTMLファイルとして保存できます。HTMLはどこでも使用できます。Webサイト、メールテンプレート、ドキュメントプラットフォームなどです。

GitHubスタイルのMarkdownをサポートしていますか?

はい、GitHub Flavored Markdown(GFM)を完全にサポートしています。テーブル、タスクリスト、取り消し線、脚注などがGitHubと同じようにレンダリングされます。プラットフォーム固有の機能については、GitHubのドキュメントを確認してください。

シンタックスハイライトはどの言語をサポートしていますか?

ビューアーはJavaScript、Python、Java、C++、HTML、CSS、SQL、Bash、Ruby、PHP、Go、Rustなど、多くの一般的なプログラミング言語のシンタックスハイライトをサポートしています。コードブロックのトリプルバッククォートの後に言語を指定するだけです:```javascript

MarkdownをHTMLに変換するために使用できますか?

はい、それがまさにこのツールの機能です。Markdownを貼り付け、HTMLプレビューを確認し、HTML出力をコピーまたはダウンロードします。Webサイト、メール、その他の用途向けにMarkdownドキュメントをHTMLに変換するのに最適です。

Markdownファイルのサイズ制限はありますか?

レンダリングはブラウザ内で行われるため、パフォーマンスはデバイスによって異なります。小から中程度のファイル(1MB未満)は即座にレンダリングされます。非常に大きなファイルは数秒かかる場合がありますが、完全にレンダリングされます。巨大なファイルの場合は、より小さなドキュメントに分割してください。

関連Markdownツール