ObsiViewer/docs/NIMBUS_EDITOR_QUICK_START.md

🚀 É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.