MDX 変換ツール
MDXをテキストとしてレンダリングし、HTML → MDX 変換やMDXリテラルへのエスケープを行います。
MDX・HTML・テキストはブラウザ内のローカルで処理され、サーバーにアップロードされることはありません。
プレーンな Markdown が必要ですか? Markdown ツールを試してください。
MDX 変換ツール について
この MDX コンバーターは、MDX コンテンツを 3 通りの方法で扱えます。MDX を整形された読みやすいテキストとして描画し、HTML をクリーンな GitHub 風 Markdown/MDX に変換し、プレーンテキストをリテラルで有効な MDX にエスケープします。HTML・Markdown・MDX の間でコンテンツを移す開発者、テクニカルライター、ドキュメントチーム向けに作られています。HTML→MDX モードで貼り付けたマークアップを、見出し・表・コードブロック・リスト付きのきれいな Markdown に変換したり、描画モードでビルドを立ち上げずに MDX をプレビューしたりできます。JSX コンポーネントは決して実行されません。コンポーネントは内部テキストを保持したまま取り除かれ、式は削除されます。すべてはブラウザ内のローカルで動作するため、変換やプレビューの間も下書き・ドキュメント・スニペットは端末に留まります。
機能
- ライブプレビュー欄で MDX を整形済みテキストとして描画
- HTML をクリーンな GitHub 風 Markdown/MDX に変換
- プレーンテキストをリテラルで有効な MDX にエスケープ(< { } 文字を処理)
- HTML 変換時に見出し・表・コードブロック・リスト・引用を保持
- コードを一切実行せずに JSX コンポーネントと式を安全に除去
- 描画テキスト・HTML・MDX 出力をワンクリックでコピー
- 結果を .html または .mdx ファイルとしてダウンロード
MDX 変換ツール の使い方
- 上部でモードを選びます: MDX → プレビュー、HTML → MDX、Text → MDX。
- 入力欄に MDX・HTML・プレーンテキストを貼り付けます(またはサンプルを読み込みます)。
- 右側で描画プレビューまたは変換結果を確認します。
- Copy でテキスト・HTML・MDX を取得、Download でファイルとして保存します。
例
入力
<h2>機能</h2>
<ul><li>高速</li><li>ローカル</li></ul>
出力
## 機能
- 高速
- ローカル
HTML→MDX モードはマークアップをクリーンな Markdown に変換します。
よくあるエラーとトラブルシューティング
- JSX コンポーネントが出力から消える。 — これは仕様です。コンポーネントは削除され、内部テキストは保持されます。何も実行されません。保持が必要なら内容を Markdown としてインライン化してください。
- {version} のような波括弧の式がプレビューモードで消える。 — JavaScript が一切実行されないため、MDX の式は除去されます。描画前にリテラルなテキストに置き換えてください。
- 貼り付けたテキストに余計な < や { があって MDX が壊れる。 — Text→MDX モードを使って <・{・} をエスケープし、内容を有効でリテラルな MDX にしてください。
- HTML は変換されるがあるタグが無視される。 — 変換は一般的な構造タグ(見出し・表・コード・リスト・リンク・引用)を対象とします。珍しい、または不正なマークアップを簡略化して再変換してください。
よくある質問
- MDX コンバーターとは何ですか?
- MDX コンバーターは、MDX を整形済みテキストとして描画し、HTML をクリーンな Markdown/MDX に変換し、プレーンテキストをリテラルな MDX にエスケープします。3 つのモードをワンクリックで切り替えられます。
- MDX コンバーターは JSX コンポーネントを実行しますか?
- いいえ。コンポーネントは削除され(内部テキストは保持)、式は除去されるため、何も実行されることはありません。
- HTML→MDX は何を生成しますか?
- 見出し・表・コードブロック・リスト・リンク・引用を含む GitHub 風 Markdown を出力します。
- プレーンテキストを有効な MDX にするには?
- Text → MDX モードを使います。<・{・} などの文字をエスケープし、テキストをリテラルで有効な MDX にします。
- このツールで MDX を Markdown に変換できますか?
- はい。HTML→MDX モードは GitHub 風 Markdown を生成し、プレビューモードは MDX を読みやすいテキストに描画するので、Markdown 向けのコンテンツとしてコピーできます。
- MDX コンバーターを使うとコンテンツはどこかにアップロードされますか?
- いいえ。MDX コンバーターはすべてブラウザ内で動作するため、MDX・HTML・テキストが端末から外に出ることはありません。
関連ツール
すべての ArrayKit ツール