完全無料
Markdown を HTML に 変換
Markdownテキストを即座にHTMLコードに変換します。リアルタイムプレビュー機能を搭載し、作成したHTMLはコピーやダウンロードが可能です。
Markdownテキストを即座にHTMLコードに変換します。リアルタイムプレビュー機能を搭載し、作成したHTMLはコピーやダウンロードが可能です。
Markdown は、2004 年に John Gruber によって作成された軽量マークアップ言語で、ライターがプレーン テキストの規則 (見出しにはハッシュ文字、強調にはアスタリスク、リストにはハイフン、コードにはインデント ブロック) を使用して構造化 HTML を作成できるようにします。この形式は、README ファイル、技術文書、ブログの下書き、静的サイト ジェネレーター、および文章がプレーン テキストおよびレンダリングされた出力として読み取れる必要があるあらゆるコンテキストのデフォルトになっています。 Markdown から HTML への変換は、ソースを Web ページに変換するレンダリング手順です。
このコンバータは、JavaScript で最も広く採用されている Markdown レンダラであるマーク付きライブラリを使用します。 Marked は CommonMark と GitHub Flavored Markdown (GFM) をサポートしています。つまり、標準の Markdown 機能に加えて、テーブル、フェンスで囲まれたコード ブロック、タスク リスト、取り消し線、および自動リンクがすべて正しく動作します。
出力はプレーン HTML です。見出し、段落、リスト、リンク、画像のセマンティック タグに加え、構文強調表示ツールが期待するコード ブロックのクラス フックも含まれます。出力は任意の CMS にきれいに貼り付けられ、静的サイト ジェネレーターに埋め込まれたり、スタンドアロン .html として機能したりできます。 CSS や JavaScript は追加されません。結果のスタイル設定は下流のコンテキストに任せられます。
Markdown は、ライターと開発者が好む形式です。 HTML はブラウザがレンダリングする形式です。ほとんどの静的サイト ジェネレーターと CMS プラットフォームは、バックグラウンドで Markdown を HTML に変換しますが、Markdown をサポートしていない CMS への貼り付け、電子メール用の HTML の生成、クイック プレビューの作成、またはさらなる処理のためにレンダリングされた出力の抽出など、スタンドアロンのステップとして変換が必要になる場合があります。
HTML は、最終的にブラウザに表示されるコンテンツの標準形式でもあります。 Markdown ドラフトから作成された電子メール ニュースレター、大規模な HTML アプリケーションに埋め込まれたドキュメント ページ、HTML を期待するエディターに貼り付けられたブログ投稿はすべて、クリーンな変換の恩恵を受けます。
Markdownを貼り付けてHTMLを取得します。
Marked は 2 パス アーキテクチャを使用します。レクサーは、入力をブロックレベルのトークン (見出し、段落、リスト、コード ブロック) とインライン トークン (強調、リンク、画像) にトークン化します。パーサーはトークン ストリームをたどって HTML を出力し、各トークン タイプにレンダラー フックを適用します。
GitHub Flavored Markdown 拡張機能はデフォルトで有効になっています: テーブル (パイプ構文を使用)、フェンスで囲まれたコード ブロック (言語ヒントを含む 3 つのバックティック)、タスク リスト (- [ ] および - [x])、取り消し線 (2 つのチルダを使用)、URL 自動リンク。コード ブロックは、下流の構文強調表示用にオプションの言語クラスを使用して、事前にラップされたコードを出力します。
出力のサニタイズは下流の消費者に委ねられます。 Marked は、Markdown に埋め込まれた生の HTML など、入力によって生成されるものをすべて出力します。信頼できない入力を受け入れる場合は、ブラウザでレンダリングする前に、DOMPurify または同様の HTML サニタイザーを介して出力を実行します。