Oh MyUtils

Markdownエディター - リアルタイムプレビュー&HTML変換 オンライン

Markdownを書くとリアルタイムでHTMLプレビューを表示。GitHub Flavored Markdown(GFM)、テーブル、コードブロック対応。

Markdownエディター
プレビュー

よくある質問

Markdownプレビューとは何ですか?

Markdownプレビューは、MarkdownテキストをリアルタイムでレンダリングされたHTMLに変換する無料のオンラインツールです。開発者、ライター、コンテンツクリエイターがコードブロックのシンタックスハイライト付きでMarkdownがどのように表示されるかを確認できます。

Markdownプレビューツールの使い方は?

左のエディターパネルにMarkdownテキストを入力するか貼り付けるだけです。ツールは即座に右のプレビューパネルにフォーマットされた出力をレンダリングします。下のボタンを使用してMarkdownソースまたは生成されたHTMLをコピーできます。

このツールを使用する際、データは安全ですか?

はい、もちろんです。すべてのMarkdown処理は100%ブラウザ(クライアントサイド)で行われます。コンテンツはサーバーに送信されることはないため、機密文書、内部メモ、秘密のコンテンツにも安全に使用できます。

どのMarkdown構文がサポートされていますか?

このツールはGitHub Flavored Markdown(GFM)をサポートしています:見出し、太字/斜体テキスト、リンク、画像、シンタックスハイライト付きコードブロック、テーブル、タスクリスト、引用、水平線、取り消し線テキストが含まれます。

シンタックスハイライトがサポートされているプログラミング言語は?

JavaScript、TypeScript、Python、Go、JSON、Bash、CSS、HTML、SQL、YAMLを含む人気のある言語のシンタックスハイライトをサポートしています。コードブロックは指定された言語に基づいて自動的にハイライトされます。

コード例

// Using marked.js for Markdown to HTML conversion
import { marked } from 'marked';

const markdown = '# Hello World\n\nThis is **bold** text.';
const html = marked.parse(markdown);

console.log(html);
// <h1>Hello World</h1>\n<p>This is <strong>bold</strong> text.</p>

関連ツール