# 🚀 Éditeur Nimbus - Quick Start Guide (5 minutes)

## Accès Rapide

1. Lancer le serveur: `npm start`
2. Ouvrir: `http://localhost:4200/tests/nimbus-editor`
3. Commencer à éditer! 🎉

---

## 🎯 Premier Bloc en 30 Secondes

1. **Ouvrir la palette**: Appuyez sur `/`
2. **Chercher**: Tapez "heading"
3. **Sélectionner**: Appuyez sur `Enter`
4. **Éditer**: Tapez votre titre
5. **Auto-save**: ✓ Automatique!

---

## ⚡ 5 Raccourcis Essentiels

| Raccourci | Action |
|-----------|--------|
| `/` | Ouvrir palette de blocs |
| `Ctrl+Alt+1` | Créer Heading 1 |
| `Ctrl+Shift+8` | Créer liste à puces |
| `Ctrl+Alt+C` | Créer code block |
| `Escape` | Fermer menu |

---

## 📝 Créer Votre Premier Document

### Étape 1: Titre
Cliquez sur "Untitled Document" en haut et tapez votre titre.

### Étape 2: Introduction
1. Appuyez `/`
2. Cherchez "paragraph"
3. Enter
4. Tapez votre intro

### Étape 3: Sections
1. Appuyez `Ctrl+Alt+2` (Heading 2)
2. Tapez le titre de votre section
3. Ajoutez du contenu

### Étape 4: Liste de Tâches
1. Appuyez `Ctrl+Shift+C`
2. Tapez vos tâches
3. Cochez celles terminées ✓

### Étape 5: Code
1. Appuyez `Ctrl+Alt+C`
2. Choisissez le langage (TypeScript, JavaScript, etc.)
3. Collez votre code

---

## 💾 Sauvegarde & Export

### Auto-Save
- **Automatique** toutes les 750ms
- Indicateur en haut: ✓ Saved / ⋯ Saving
- Stocké dans votre navigateur (localStorage)

### Export
1. Cliquez "Export" en haut à droite
2. Choisissez:
   - 📄 **Markdown** - Pour GitHub, documentation
   - 🌐 **HTML** - Pour site web
   - 📦 **JSON** - Pour backup/import

---

## 🎨 Types de Blocs Populaires

### Texte
- **Paragraph**: Texte simple
- **Heading**: Titres H1/H2/H3
- **Quote**: Citations

### Listes
- **Bullet**: Liste à puces (Ctrl+Shift+8)
- **Numbered**: Liste numérotée (Ctrl+Shift+7)
- **Checkbox**: To-do list (Ctrl+Shift+C)

### Code & Données
- **Code**: Avec coloration syntaxique
- **Table**: Grille de données

### Avancés
- **Kanban**: Tableau de tâches avec colonnes
- **Steps**: Étapes numérotées avec progression
- **Toggle**: Contenu repliable
- **Hint**: Boîte d'info (💡 info, ⚠️ warning, ✅ success)

---

## 🔧 Trucs & Astuces

### Navigation Rapide
- `↑` / `↓` dans la palette pour naviguer
- `Enter` pour sélectionner
- `Escape` pour fermer

### Édition Efficace
- `Tab` / `Shift+Tab` pour indenter/dés-indenter dans les listes
- `Ctrl+D` pour dupliquer un bloc
- `Alt+↑` / `Alt+↓` pour déplacer un bloc

### Conversion de Blocs
1. Sélectionnez un bloc
2. Appuyez `/`
3. Choisissez le nouveau type
4. Le bloc est converti (le texte est préservé)

---

## 🎮 Exemple Pratique: Note de Réunion

```
1. Appuyez Ctrl+Alt+1
   → Tapez: "Réunion d'équipe - 4 Jan 2025"

2. Appuyez Ctrl+Shift+C
   → Tapez vos points à l'ordre du jour:
   - [ ] Présentation projet
   - [ ] Budget
   - [ ] Timeline

3. Appuyez Ctrl+Alt+2
   → Tapez: "Décisions"

4. Appuyez /
   → Cherchez "bullet list"
   → Enter
   → Listez les décisions

5. Appuyez /
   → Cherchez "hint"
   → Enter
   → Notez les actions importantes

6. Cliquez Export → Markdown
   → Partagez avec votre équipe!
```

---

## 🆘 Aide Rapide

### La palette ne s'ouvre pas?
- Essayez `Ctrl+/` au lieu de `/`
- Vérifiez que le focus est dans l'éditeur

### Le document ne se sauvegarde pas?
- Regardez l'indicateur en haut
- Si erreur, vérifiez la console (F12)
- Quota localStorage peut être plein (Clear et recommencer)

### Comment effacer et recommencer?
- Cliquez "Clear" en haut à droite
- Confirmez
- Nouveau document vide créé

---

## 📚 Aller Plus Loin

### Documentation Complète
- Lisez `NIMBUS_EDITOR_README.md` pour toutes les fonctionnalités
- Consultez `NIMBUS_EDITOR_IMPLEMENTATION_SUMMARY.md` pour les détails techniques

### Raccourcis Complets
Voir section "Raccourcis Clavier" dans le README

### Types de Blocs
18 types disponibles, voir la palette avec `/`

---

## 🎉 Vous êtes Prêt!

Maintenant vous savez:
- ✅ Créer des blocs avec `/`
- ✅ Utiliser les raccourcis clavier
- ✅ Éditer efficacement
- ✅ Sauvegarder et exporter

**Amusez-vous bien avec l'Éditeur Nimbus!** 🧠✨

---

*Pour toute question, consultez la documentation complète ou contactez l'équipe ObsiViewer.*