ObsiViewer/docs/NIMBUS_EDITOR_INDEX.md
Bruno Charest ee3085ce38 feat: add Nimbus Editor with Unsplash integration
- Integrated Unsplash API for image search functionality with environment configuration
- Added new Nimbus Editor page component with navigation from sidebar and mobile drawer
- Enhanced TOC with highlight animation for editor heading navigation
- Improved CDK overlay z-index hierarchy for proper menu layering
- Removed obsolete logging validation script
2025-11-11 11:38:27 -05:00

4.6 KiB

🧠 Éditeur Nimbus - Index de Navigation

📍 Accès Rapide

Document Description Temps de Lecture
NIMBUS_EDITOR_SUMMARY.txt Résumé ultra-condensé 2 min
NIMBUS_EDITOR_QUICK_START.md Guide de démarrage rapide 5 min
NIMBUS_BUILD_INSTRUCTIONS.md Instructions de build 10 min
NIMBUS_EDITOR_README.md Documentation complète 30 min
NIMBUS_EDITOR_IMPLEMENTATION_SUMMARY.md Résumé technique 15 min

🎯 Par Objectif

Je veux juste tester rapidement

NIMBUS_EDITOR_QUICK_START.md

Je veux compiler et déployer

NIMBUS_BUILD_INSTRUCTIONS.md

Je veux comprendre toutes les fonctionnalités

NIMBUS_EDITOR_README.md

Je veux voir ce qui a été créé

NIMBUS_EDITOR_IMPLEMENTATION_SUMMARY.md

Je veux un aperçu ultra-rapide

NIMBUS_EDITOR_SUMMARY.txt


📂 Structure des Fichiers Créés

Code Source (src/app/editor/)

editor/
├── core/
│   ├── models/block.model.ts
│   ├── utils/id-generator.ts
│   └── constants/
│       ├── palette-items.ts
│       └── keyboard.ts
├── services/
│   ├── document.service.ts
│   ├── selection.service.ts
│   ├── palette.service.ts
│   ├── shortcuts.service.ts
│   └── export/export.service.ts
└── components/
    ├── editor-shell/editor-shell.component.ts
    ├── palette/slash-palette.component.ts
    └── block/
        ├── block-host.component.ts
        └── blocks/
            ├── paragraph-block.component.ts
            ├── heading-block.component.ts
            ├── list-block.component.ts
            ├── code-block.component.ts
            ├── quote-block.component.ts
            ├── table-block.component.ts
            ├── image-block.component.ts
            ├── file-block.component.ts
            ├── button-block.component.ts
            ├── hint-block.component.ts
            ├── toggle-block.component.ts
            ├── dropdown-block.component.ts
            ├── steps-block.component.ts
            ├── progress-block.component.ts
            ├── kanban-block.component.ts
            ├── embed-block.component.ts
            ├── outline-block.component.ts
            └── line-block.component.ts

Page d'Accès

src/app/features/tests/nimbus-editor/
└── nimbus-editor-page.component.ts

Documentation

docs/
├── NIMBUS_EDITOR_INDEX.md              (ce fichier)
├── NIMBUS_EDITOR_QUICK_START.md
├── NIMBUS_EDITOR_README.md
├── NIMBUS_EDITOR_IMPLEMENTATION_SUMMARY.md
└── (racine)/
    ├── NIMBUS_BUILD_INSTRUCTIONS.md
    └── NIMBUS_EDITOR_SUMMARY.txt

🔗 Liens Directs vers Sections du README

Fonctionnalités

Technique

Aide


📞 Support

Problème de Build

→ Consultez NIMBUS_BUILD_INSTRUCTIONS.md

Problème d'Utilisation

→ Consultez NIMBUS_EDITOR_README.md - Troubleshooting

Questions Générales

→ Lisez NIMBUS_EDITOR_QUICK_START.md


Checklist Démarrage

  • J'ai lu le Quick Start Guide
  • J'ai lancé npm start
  • J'ai ouvert http://localhost:4200/tests/nimbus-editor
  • J'ai testé la palette "/"
  • J'ai créé mon premier document
  • J'ai exporté en Markdown

Navigation: Retour au README principal