Markdown to HTML.

ライブプレビューとサニタイズされた出力パネルでMarkdownをHTMLに変換。

Processed in your browserNo upload, no signup

Markdown

0 lines · 0 chars

HTML

0 lines · 0 bytes

Preview rendered output

入力はローカルで処理され、アップロードされません。DevTools → Networkで確認できます。

Markdown to HTML 例.

// Try the editor

# Hello, DevSpeedTools

Markdown is a lightweight markup language. This page renders it as **sanitised** HTML.

- Easy to write
- Easy to read
- Sanitised by default

```js
function greet(name) {
  return `Hello, ${name}!`;
}
```

> Blockquotes are supported.

よくある質問.

Markdownテーブルをサポートしていますか？

はい。テーブル、リスト、見出し、リンク、画像などをサポートしています。

出力は安全ですか？

はい。HTMLはスクリプトインジェクションを防ぐためにサニタイズされます。

MarkdownからHTMLへの変換の仕組み

このツールはmarkedとDOMPurifyの組み合わせを使用して、Markdownを安全なHTMLに変換します。markedはMarkdownパーサーであり、DOMPurifyは出力HTMLをサニタイズします。

markedは、Markdown構文をHTMLに変換する高速なパーサーです。標準的なMarkdown構文と、一部の拡張構文をサポートしています。変換プロセスはすべてクライアント側で行われ、サーバーへの送信は発生しません。

DOMPurifyは、生成されたHTMLから悪意のあるスクリプトや不安全な内容を除去し、XSS攻撃から保護します。これにより、Markdownから安全にHTMLを生成できます。

サポートされるMarkdown機能

見出し（#、##、###など）、段落、強調（*斜体*、**太字*）、取り消し線（~~テキスト~~）、コードブロック（インラインおよび複数行）がサポートされています。

リンク、画像、リスト（順序付き・順序なし）、引用、水平線、テーブルも対応しています。フットノーや脚注はサポートされていない場合があります。

HTMLタグの直接埋め込みも可能ですが、DOMPurifyによるサニタイズのため、一部のタグや属性が除去される場合があります。

Markdown-to-HTMLの使いどころ

ブログ記事やドキュメントをMarkdownで作成し、HTMLとして公開する際によく使用されます。READMEファイルのプレビュー表示にも適しています。

CMSやWikiシステムで、ユーザーがMarkdownでコンテンツを作成し、Webページとして表示する場合に便利です。APIレスポンスでMarkdownを返し、フロントエンドでHTMLに変換するケースもあります。

静的サイトジェネレーターでは、MarkdownファイルをHTMLページに変換するワークフローが一般的です。このツールはそのプロセスをブラウザで実行できます。