L'idée de base de créer un éditeur de blocs
Faites principalement référence à deux éditeurs de blocs :
Éditeur Gutenberg pour wordpress : https://wordpress.org/gutenberg/
Éditeur editorjs : https://editorjs.io/
1. Architecture
Architecture MVVM
Couche M : json pur, reportez-vous à editorjs pour ce point. La couche M de Gutenberg est fortement liée à WordPress lui-même (annotations + shortcodes) et ne mérite pas d'être référencée.
Couche V : la méthode de Gutenberg est plus adaptée.
Couche VM : aucune.
2. blocs
Tous les blocs ont deux états : afficher et modifier.
Lors de la visualisation du contenu créé par l'éditeur de blocs, l'état du bloc est affiché.
Lorsque vous utilisez l'éditeur de blocs pour modifier du contenu, le statut du bloc est Modifier.
L'affichage des deux états reste cohérent, permettant d'obtenir « ce que vous voyez est ce que vous obtenez ».
Le bloc d’état d’édition est construit sur le bloc de base.
3. bloc de base
Tous les blocs sont basés sur ce bloc de base.
Les principales interactions dans l'état d'édition du bloc sont ici.
4. Page de l'éditeur
La page principale de l'éditeur restitue les blocs en fonction des données et des modifications des données.
5. bloc de rendu
Lors de la visualisation du contenu créé par l'éditeur de blocs, vous devez analyser les données json et restituer les blocs en fonction des données json.
