MarkdownからReactコンポーネント変換
MarkdownをReactコンポーネントにオンライン変換。dangerouslySetInnerHTMLとDOMPurify付きの即使用可能なTSXコンポーネントを生成。即時コピーまたはダウンロード。
.mdファイルをドラッグ＆ドロップ、またはクリックして選択
複数ファイル対応
markedとDOMPurifyを使用してMarkdownをHTMLとしてレンダリングするReact関数コンポーネントを生成します。'use client'ディレクティブ・型付きインポート・使用コメントを含み——任意のReact/Next.jsプロジェクトにすぐ貼り付けられます。
無料Markdownコンバータ — HTML・PDF・Word・Slack・React
ブラウザベースのMarkdownコンバータ。.mdファイルをHTML・Wordドキュメント・Slackメッセージ・Reactコンポーネント・印刷可能なPDFに変換——サーバーへのアップロード不要。
MarkdownからHTML
クリーンなセマンティックHTML5に変換。適切なサニタイズ処理済みの完全ドキュメントまたは生フラグメントを取得。
MarkdownからPDF
ブラウザのネイティブ印刷エンジンを使用して印刷品質のA4 PDFをエクスポート。
MarkdownからWord
Microsoft Word・Google Docs・LibreOfficeで開ける.docファイルをダウンロード。
MarkdownからSlack
Slack mrkdwn形式に変換：*太字*、_斜体_、~打ち消し~、<URL|テキスト>。
MarkdownからReact
dangerouslySetInnerHTMLとDOMPurifyを含む即使用可能なReactコンポーネントを生成。
バッチ変換
複数の.mdファイルをアップロードし、変換済みファイルをZIPで一括ダウンロード。
Markdownの変換方法
- 1
入力エリアにMarkdownを貼り付けるか、バッチモードに切り替えて複数の.mdファイルをアップロードします。
- 2
出力形式を選択：HTML・PDF・Word・Slack・React。
- 3
「変換してダウンロード」をクリック——ファイルがすぐにデバイスにダウンロードされます。
よくある質問
コンポーネントはどのライブラリを使いますか？
Markdownパースにmarked、XSSサニタイズにDOMPurifyを使用。インストール：npm install marked dompurify @types/dompurify
dangerouslySetInnerHTMLは安全ですか？
はい。HTMLはレンダリング前にDOMPurifyでサニタイズされXSSベクターが除去されます。これはReactで動的HTMLを扱う標準的な安全パターンです。
Next.jsで動作しますか？
はい。DOMPurifyはブラウザ環境が必要なため、コンポーネントには'use client'ディレクティブが含まれます。React 18+またはNext.js 13+以上のプロジェクトで動作します。