# Markdownオンラインエディター、無料プレビューとエクスポート
ライブプレビュー付きの高速な Markdown ワークスペース。
## 重要ポイント
- 入力と同時にリアルタイムでレンダリング
- 書き出しメニューから HTML を書き出し
- カスタム CSS は選択中のテーマの後に追加
- Mermaid 図表と KaTeX 数式をサポート
- 草稿はローカルに保存(ブラウザーが window.localStorage をサポートする場合)
**ローカル処理:** すべての処理はブラウザー内で行われ、入力内容はサーバーに送信されません。
[toc]
## 基本
**太字**、*斜体*、~~取り消し線~~、`インラインコード`
> 引用:簡潔に。
[リンク](https://1024tools.com/markdown) と 
## リスト
- 箇条書き
- 2番目の項目
- 子項目
1. 番号付き項目
2. 2番目の項目
- [x] 完了
- [ ] 未処理
## 表
| 左寄せ | 中央 | 右寄せ |
| :--- | :---: | ---: |
| りんご | 12 | 1.2 |
| バナナ | 6 | 0.8 |
## コードブロック
```js
const message = "Hello Markdown";
console.log(message);
```
## 脚注
脚注の例[^1]
[^1]: 脚注の内容。
## 数式
インライン数式:$E=mc^2$
$$
\int_0^\infty e^{-x^2} dx = \frac{\sqrt{\pi}}{2}
$$
## Mermaid 図表
### フローチャート
```mermaid
flowchart LR
A[Start] --> B{Ready?}
B -->|Yes| C[Run]
B -->|No| D[Wait]
```
### シーケンス図
```mermaid
sequenceDiagram
participant U as User
participant S as Server
U->>S: Request
S-->>U: Response
```
### クラス図
```mermaid
classDiagram
class Animal {
+String name
}
class Dog {
+bark()
}
Animal <|-- Dog
```
### 状態図
```mermaid
stateDiagram-v2
[*] --> Idle
Idle --> Working: start
Working --> Idle: stop
```
### ガントチャート
```mermaid
gantt
title Sample Plan
dateFormat YYYY-MM-DD
section Build
Task A :a1, 2024-01-01, 1d
Task B :after a1, 1d
```
### 円グラフ
```mermaid
pie title Share
"A" : 40
"B" : 30
"C" : 30
```
### ER 図
```mermaid
erDiagram
USER ||--o{ ORDER : places
ORDER }o--|| PRODUCT : contains
```
### ユーザージャーニー
```mermaid
journey
title Day
section Work
Code: 5: Me
Review: 3: Me
```
### Git 図
```mermaid
gitGraph
commit
branch feature
checkout feature
commit
checkout main
merge feature
```
ブラウザーはローカル下書きボックスをサポートしていません