Tarayıcınız güncel değil

Bu siteyi görüntülemek için tarayıcınızın veya cihazınızın işletim sisteminin güncellenmesi gerekiyor.

Your browser is out of date. Please update iOS or your browser to view this site.

メインコンテンツにスキップ
Gizke.com
ブログ

Markdownエディタ

端末内で動作し、何も送信されません。

Markdown

プレビュー

レンダリングされたプレビューがここに表示されます

リアルタイムプレビュー付きでMarkdownを書き、クリーンなHTMLまたは生のMarkdownファイルをエクスポートします。すべてブラウザ内で完結します。

このエディタは、入力すると同時にブラウザ内だけでMarkdownをHTMLにリアルタイム変換し、日常的によく使われる構文(見出し、太字・斜体、リンク、画像、リスト、引用、インラインコード、コードブロック)に対応しています。どんな書式が適用される前にも、入力した内容はすべてHTMLエスケープされるため、貼り付けたHTMLやscriptタグは実行されるのではなく、ただの表示テキストとしてレンダリングされます。書いた内容がどこかにアップロードされることは一切ありません。

よくある質問

これは完全なCommonMark仕様ですか?
いいえ - これは人々が実際に最もよく使う構文(見出し、強調、リンク、画像、リスト、引用、コード)をカバーしていますが、ネストしたリスト、表、脚注などすべてのエッジケースを含む完全なCommonMark仕様ではありません。日常のメモ、README、ドキュメントについては、この中核的なサブセットで実世界のMarkdownの大半をカバーできます。
完全には信頼していない場所からMarkdownを貼り付けても安全ですか?
はい。入力または貼り付けたすべての文字は、Markdownの書式が適用される前にHTMLエスケープされ、リンクや画像のURLは使用される前に安全なスキーム(http、https、mailto、相対パス)の許可リストと照合されます。貼り付けられたjavascript:リンクや埋め込まれた<script>タグは、実行されるのではなく、無害な表示テキストとしてレンダリングされます。
HTMLダウンロードとMarkdownダウンロードの違いは何ですか?
Markdownダウンロードは、後で編集したりリポジトリにコミットしたりするために、あなたが入力した内容をそのまま.mdファイルとして保存します。HTMLダウンロードは、レンダリングされた出力を独立した.htmlファイルとして保存し、CMS、メール、またはMarkdownソースではなく完成したHTMLを想定している他の場所に貼り付ける準備が整った状態にします。
プレビューで改行が消えてしまうのはなぜですか?
このパーサーは標準的なMarkdownの段落ルールに従います。空行で区切られていない行は1つの段落にまとめられ、各改行は1つの半角スペースに置き換えられます。新しい段落にしたい場合は、テキストブロックの間に空行を入れてください - Enterを1回押すだけでは、表示結果に目に見える改行は作られません。
コードブロックは ```js のような言語のシンタックスハイライトに対応していますか?
まだ対応していません - 冒頭の3つのバッククォートの後に書く言語名は、ブロックの開始位置を示すためだけに使われ、表示や色分けはされず破棄されます。フェンス内のすべての内容はエスケープされ、プレーンな等幅テキストとして表示されるため、コードはシンタックスの色分けがないだけで、入力した通りの内容がそのまま残ります。
表には対応していますか?
まだです - このパーサーは人々が最もよく使う構文に焦点を当てており、パイプ区切りの表はその対象に含まれていません。Markdown構文で書かれた表は、実際の表ではなく単なる段落テキストとしてレンダリングされます。そのため、書き出した結果に表が必要な場合は、今のところHTMLで直接記述する必要があります。
ネストしたリストには対応していますか?
いいえ - 行頭のスペースの数に関わらず、すべてのリスト項目はフラットなものとして扱われるため、サブリストを作るために行をインデントしても、ネストしたリストにはなりません。代わりに別のトップレベルの項目としてレンダリングされます。階層構造が必要な場合、最も近い代替方法は、見出しを使うか、コードブロック内で手動でインデントして表現することです。
太字や斜体に * を使うか _ を使うかで違いはありますか?
いいえ - どちらも同じように扱われます。**太字**と__太字__はどちらも太字テキストになり、*斜体*と_斜体_はどちらも斜体テキストになります。ツールバーのBとIボタンは常にアスタリスク形式を挿入しますが、アンダースコア形式を自分で入力しても同じように動作します。
~~このように~~取り消し線を引くことはできますか?
現在はできません - 取り消し線はこのパーサーが認識する構文の一部ではないため、~~テキスト~~は取り消し線付きのテキストではなく、文字通り通常のテキストの前後にチルダが付いた状態でレンダリングされます。これは、このツールがまだ対応していない、コアMarkdownを超えたより一般的な拡張構文の一つです。
水平線を書くにはどのような方法がありますか?
独立した行に3つ以上のハイフン、アスタリスク、またはアンダースコアを書く - ---、***、または___ - のいずれも水平線としてレンダリングされます。ツールバーの―ボタンは常にハイフン形式を挿入しますが、自分で入力すれば3つとも同じように機能します。
引用は複数の段落にまたがることができますか?
連続する>で始まる行のブロックは、通常の段落と同じように改行がスペースに折りたたまれ、引用内の1つの段落としてレンダリングされます。同じ引用内で2つ目の段落を始めるために空の引用行を残すことはサポートされておらず、代わりにその引用を終了させてしまいます。
WordやGoogleドキュメントから書式付きテキストを貼り付けることはできますか?
エディタに貼り付けることはできますが、プレーンテキストとしてのみです - ブラウザはプレーンテキストボックスに貼り付ける際にリッチな書式(太字、見出し、リンク)を取り除くため、文字は残りますが、書式が自動的にMarkdown構文になるわけではありません。見出し、太字、リンクは自分で再度適用する必要があり、そのためにエディタ上部のツールバーボタンが用意されています。
エディタ上部のボタンは何をするものですか?
それぞれ、カーソル位置に対応するMarkdown構文を挿入するか、選択したテキストをその構文で囲みます - 単語を選択した状態でBをクリックすると**単語**になり、空の行でH2をクリックすると見出しになります。これらは、このパーサーが理解する正確な構文へのショートカットであり、別個の書式設定システムではありません。
貼り付けられるテキストの量に制限はありますか?
ハードコードされた上限はありませんが、キーを押すたびにドキュメント全体がブラウザのメインスレッド内で最初から再解析されます。メモや記事であれば瞬時に処理されますが、非常に大きなドキュメント(数万行)では、増分解析やバックグラウンド解析が行われないため、入力時にもたつきを感じ始めることがあります。
アラビア語やペルシア語のような右から左に書く言語でも同じように機能しますか?
はい - これらの言語ではページレイアウトが右から左に反転し、レンダリングされるプレビューも同じ方向に従うため、見出し、リスト、段落が自然に読めます。Markdown構文自体(#、*、>など)は、言語に関わらずまったく同じままです。
開発者向け:URLに`q`パラメータを付けてこのページを開くと - 例:gizke.com/markdown?q=# Hello world - その値が自動的にあらかじめ入力されます。ほとんどの訪問者にはこの機能は不要です。すぐに使える例へ直接リンクするためのものです。

このツールを共有

ブログGizke.com についてお問い合わせ利用規約プライバシーポリシー