段落とブロック要素
見出し、リスト、引用、コードブロック、数式、Mermaidなど
⏱️ 8分
見出し
Nottaは6段階の見出しレベルをサポートしています:
| レベル | ショートカット | Markdown構文 |
|---|---|---|
| 見出し1 | Ctrl+1 | # 見出し |
| 見出し2 | Ctrl+2 | ## 見出し |
| 見出し3 | Ctrl+3 | ### 見出し |
| 見出し4 | Ctrl+4 | #### 見出し |
| 見出し5 | Ctrl+5 | ##### 見出し |
| 見出し6 | Ctrl+6 | ###### 見出し |
見出しレベルの調整:
- メニュー → 段落 → 見出しを上げる:レベルを1つ上げる(例:H3 → H2)
- メニュー → 段落 → 見出しを下げる:レベルを1つ下げる(例:H2 → H3)
リスト
箇条書きリスト
ショートカット:Ctrl+Shift+8
- 項目1
- 項目2
- サブ項目番号付きリスト
ショートカット:Ctrl+Shift+7
1. 最初の項目
2. 2番目の項目
3. 3番目の項目タスクリスト
ショートカット:Ctrl+Shift+9
- [ ] 未完了の項目
- [x] 完了した項目通常モードでは、タスクリストはクリック可能なチェックボックスとして表示されます。
リストのインデント:
- インデントを増やす:
Tab - インデントを減らす:
Shift+Tab
リストタイプの変換:
- リストプレフィックスの入力:リスト項目の先頭に別のリストプレフィックスを入力すると自動変換
- スラッシュコマンド:リスト内で
/を入力し、ターゲットのリストタイプを選択
ブロック引用
ショートカット:Ctrl+Shift+Q
> これはブロック引用です
> 複数行にまたがることができますコードブロック
ショートカット:Ctrl+Shift+K
```javascript
function hello() {
console.log('Hello, World!')
}
```コードブロックの機能:
- 言語選択:左上のドロップダウンからプログラミング言語を選択してシンタックスハイライト
- 言語候補:入力中に一致する言語を自動提案
- コードコピー:右上のコピーボタンでワンクリックコピー
- 最大化:長いコードを全画面で表示
数式
インライン数式
ショートカット:Ctrl+M
構文:$E = mc^2$
ブロック数式
ショートカット:Ctrl+Shift+M
$$
\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
$$数式エディタはシンボルパネル、テンプレートパネル、リアルタイムプレビューを提供します。詳しくは数式をご覧ください。
コールアウトボックス
コールアウトは色分けされたアラートボックスで、5つのタイプをサポートしています:
| タイプ | 色 | 用途 |
|---|---|---|
| Info | 青 | 一般的な情報 |
| Warning | オレンジ | 重要な注意事項 |
| Error | 赤 | 重要な情報 |
| Success | 緑 | 便利なヒントや提案 |
| Tip | 紫 | 役立つヒント |
挿入方法:
- メニュー → 段落 → コールアウト → タイプを選択
- スラッシュコマンド:
/を入力してコールアウトタイプを選択
Markdown構文:
> [!NOTE]
> これは情報コールアウトです
> [!WARNING]
> これは警告ですカラムレイアウト
スラッシュコマンドを使用してカラムレイアウトを挿入し、コンテンツを複数列で表示できます。比較や並列レイアウトに最適です。
水平線
ショートカット:Ctrl+Shift+-
Markdown構文:--- または ***
Mermaidダイアグラム
NottaはMermaidダイアグラム構文をサポートし、フローチャート、シーケンス図、ガントチャートなどを埋め込めます:
```mermaid
graph TD
A[開始] --> B{条件}
B -->|はい| C[処理]
B -->|いいえ| D[終了]
```Mermaidの機能:
- リアルタイムダイアグラムレンダリング
- フルスクリーン表示のサポート
- 複数のダイアグラムタイプ:フローチャート、シーケンス図、ガントチャート、クラス図、状態図など