Bruno Charest
5e8cddf92e
docs: remove outdated implementation documentation files - Deleted AI_TOOLS_IMPLEMENTATION.md (296 lines) - outdated AI tools integration guide - Deleted ALIGN_INDENT_COLUMNS_FIX.md (557 lines) - obsolete column alignment fix documentation - Deleted BLOCK_COMMENTS_IMPLEMENTATION.md (400 lines) - superseded block comments implementation notes - Deleted DRAG_DROP_COLUMNS_IMPLEMENTATION.md (500 lines) - outdated drag-and-drop columns guide - Deleted INLINE_TOOLBAR_IMPLEMENTATION.md (350 lines) - obsol
197 lines
4.2 KiB
Markdown
197 lines
4.2 KiB
Markdown
# 🚀 É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.*
|