Command Palette

Search for a command to run...

HT

HTML へのマークダウン

GitHub フレーバー付き Markdown サポート (テーブル、タスク リスト、フェンスで囲まれたコード、見出しアンカー、ライブ プレビュー、完全な HTML ドキュメント エクスポート) を使用して、Markdown をクリーンでセマンティックな HTML に変換します。

127
Words
3
Headings
2
Links
0
Images
1
Code blocks
1320
HTML bytes
1 min
Read time
Table of Contents
- [What's new](#whats-new)
  - [Upgrade steps](#upgrade-steps)
Category:docs
Mode:Offline
Version:1.0.0
Access:Free

HTML から HTML へのコンバーターの値下げは何ですか?

Markdown to HTML interface on Toolz.dev - Convert Markdown to clean, semantic HTML with GitHub Flavored Markdown support - tables, task lists, fenced code, heading anchors, live preview and a full HTML document export.

Markdown to HTML Converter は、Markdown ソース (README、変更ログ、ブログ ドラフト、リリース ノートのセット) を、ブラウザまたは CMS が実際にレンダリングする HTML に変換します。左側に Markdown を貼り付けるか入力すると、右側にセマンティック HTML が表示されます。見出しは h1 ~ h6 になり、フェンスで囲まれたコードは pre になり、言語クラスを持つコードになり、リストは ul と ol になり、テーブル、タスク リスト、取り消し線などの GitHub 拡張機能は GitHub がレンダリングする方法で処理されます。

Markdown はプレーンテキストの書き込みフォーマットであり、表示フォーマットではありません ページ上に表示される場所ならどこでも - docs サイト、静的ブログ、メールテンプレート、HTML だけを受け入れる CMS フィールド - 何かが最初にコンパイルする必要があります ブラウザでそれを行うことは、パーサーをビルドに引き込んだり、下書きを制御していないサービスに貼り付けたりするのではなく、マークアップを取得して先に進むための最速の方法です。

すべてがクライアント側で実行されます。 コンバーターは手書きのパーサーであり、リモート API のラッパーではないため、未公開の投稿、内部ドキュメント、プライベート リリース ノートは決してページから離れません。 GitHub フレーバーのマークダウン、アンカー ID、シングル ニューライン ライン ブレーク、生の HTML パススルーを切り替えてから、HTML をコピーして .html ファイルをダウンロードするか、生成された目次を取得します。

Markdown は生の HTML インラインを許可するため、安全性の問題は理論的なものではなく現実のものになります。スクリプト タグを含むドキュメントは有効な Markdown であり、それを渡すコンバーターはレンダリング時に実行される HTML を生成するため、ここでの出力はデフォルトでエスケープされるため、信頼できないソースからの Markdown ファイルはページにマークアップを密輸することはできません。独自のコンテンツを変換していて、生の HTML を保存したい場合は、デフォルトではなく意図的な選択です。もう 1 つ知っておくべきことは、Markdown には単一の仕様がないということです。ここでは GitHub Flavored Markdown が実装されており、テーブル、タスク リスト、取り消し線、フェンスで囲まれたコードがカバーされており、これらは元の構文の一部ではなく拡張であるため、厳密な CommonMark レンダラーはそれらを表示しません。

Markdown から HTML へのコンバーターの使い方

1

マークダウンを貼り付けます

Markdown をエディターに入力または貼り付けます - README、変更履歴、エディターからのメモなど。出力は入力すると更新されます。サポートされている内容を確認したい場合は、サンプルをロードします。

2

オプションを選択してください

テーブル、タスク リスト、取り消し線、およびベア URL リンクの GitHub フレーバーのマークダウンをオンにします。 ディープ リンクのヘッディング ID を追加し、1 つの改行が <br /> になる場合は改行を有効にし、マークダウンに既にタグが含まれている場合は生の HTML を許可します。

3

プレビューを確認する

HTML ソースとレンダリングされたプレビューを切り替え、構造が予想どおりであることを確認し、単語、見出し、リンク、コード ブロック、読み取り時間などのドキュメント統計を読み取ります。

4

TOC をコピー、ダウンロード、または取る

HTML をクリップボードにコピーし、スタンドアロンの .html ファイルとしてダウンロードするか、ヘッダー アンカーから作成された自動生成された Markdown 目次をコピーします。

主な機能

GitHub フレーバーのマークダウン

列の配置、タスクリストのチェックボックス、 ~~取り消し線~~、および裸のURLの自動リンクを備えたテーブル - READMEがすでに依存している拡張機能

言語クラスのフェンスで囲まれたコード

フェンスで囲まれたブロックは <pre><code class="language-js"> になり、クラス名 Prism、Highlight.js、Shiki Expect になるので、出力をサイトに貼り付けるときに構文の強調表示が機能します

アンカーと TOC の見出し

すべての見出しにはスラグ化され、重複が解消された ID が取得され、ツールはドキュメントの上部に貼り付けることができる一致する Markdown 目次を生成します

デフォルトで安全

オプトインしない限り、ソース内の生の HTML はエスケープされ、ライブ プレビューではスクリプト、スタイル、インライン イベント ハンドラーが削除されるため、他人の Markdown を貼り付けるとコードを実行できません

Frequently Asked Questions

Markdownをエディタに貼り付けると、HTMLがすぐに表示されます - 押す変換ボタンとアップロードするファイルはありません ソースがテーブルまたはタスクリストを使用している場合は、GitHub Flavored Markdownを切り替えてから、HTMLをコピーするか、.htmlファイルとしてダウンロードします。

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

markdown to htmlconvert markdown to htmlmarkdown to html converteronline markdown to html converterfree markdown to html convertermarkdown convertermd to htmlmarkdown compilermarkdown previewgithub flavored markdownmarkdown rendererconvert readme to htmlmarkdown parser