EDITORMarkdown (GFM)
1
2
3
4
5
# LiteMD へようこそ 本ツールは、ブラウザ上で動作するシンプルで安全なMarkdownエディタ&プレビューツールです。 ## 主な機能
1,265 文字159 単語
変更はすべて保存されました
# LiteMD へようこそ 本ツールは、ブラウザ上で動作するシンプルで安全なMarkdownエディタ&プレビューツールです。 ## 主な機能
ブラウザだけで動くMarkdownエディタです。入力した内容はサーバーへ送信されず、すべての処理がブラウザの中で完結します。
入力したテキストや読み込んだファイルを、サーバーへ送信・保存する仕組みをそもそも持っていません。Markdownの変換もプレビューの生成も、すべてブラウザ内で処理されます。プレビュー表示にはDOMPurifyによるサニタイズを適用し、スクリプト実行(XSS)への対策を行っています。
編集内容はブラウザのlocalStorageに自動保存されるため、タブを誤って閉じたり、ブラウザが落ちたりしても直前の内容から再開できます。静的ファイルだけで動作するので、一度ページを読み込めばオフラインでも編集とプレビューを続けられます。
※ブラウザの閲覧データを消去すると保存内容も消えます。大事な文書はファイルとして保存してください。
エディタ部分にはCodeMirrorを採用し、シンタックスハイライト、タブ幅の変更、行の折り返し設定に対応しています。エディタとプレビューはスクロールが同期するので、長い文書でも編集位置と表示位置がずれません。
本ツールは、ブラウザ上で動作するシンプルで安全なMarkdownエディタ&プレビューツールです。
localStorage に自動的に保存され、リロードしても復元されます。DOMPurify を通して無害化され、XSSなどの脆弱性を防ぎます。.md ファイルとして保存できます。Ctrl + P または Cmd + P)を使用し、送信先で「PDFとして保存」を選択することで、不要なUIや広告を隠し、文章だけを美しくPDFとして出力できます。文字を 太字 にしたり、 斜体 にしたり、 打ち消し線 を引くことができます。 GitHubへのリンク の作成や、インラインでの const x = 42; のようなコード表記も可能です。
interface User {
id: string;
name: string;
role: 'admin' | 'user';
}
function greetUser(user: User): string {
return `こんにちは、${user.name}さん! (ID: ${user.id})`;
}
console.log(greetUser({ id: '001', name: '太郎', role: 'admin' }));
| 機能 | サポート状況 | 使用技術 |
|---|---|---|
| エディタ | 対応 | CodeMirror 6 |
| パース | 対応 | Marked |
| サニタイズ | 対応 | DOMPurify |
| デザイン | 対応 | Tailwind CSS v4 |
このテキストを消去して、自由に文章を作成してください!