Lorsqu’on copie/colle du contenu riche contenant une image depuis l’éditeur Docs (Suite Numérique) dans un champ RichText (Draftail) de Wagtail, la page devient impossible à rééditer dans l’admin après sauvegarde.
Le problème ne se produit pas avec du contenu copié depuis Google Docs ou Apple Pages.
Comportement observé
Le collage fonctionne et la page se sauvegarde correctement. À la réouverture de la page dans l’admin Wagtail, une erreur serveur se produit.
L’éditeur ne s’affiche plus et la page est bloquée.
L’erreur levée est :
KeyError: 'id'
Elle intervient lors de la conversion du HTML stocké en base vers le format Draftail (HTML → contentstate), au niveau du traitement des images.L’HTML généré par Docs (Suite Numérique) contient des balises ![]()
qui ne correspondent pas à des images Wagtail, et n’ont pas d’attribut id.
Le handler Wagtail chargé de traiter les images dans le rich text suppose que toutes les balises ![]()
ont un id, et lève une exception lorsqu’il est absent, au lieu d’ignorer ces images.
Une fois le contenu enregistré, la page devient définitivement non éditable via l’admin.Il faut intervenir manuellement en base ou via un script pour corriger le HTML.
Lorsqu’on copie/colle du contenu riche contenant une image depuis l’éditeur Docs (Suite Numérique) dans un champ RichText (Draftail) de Wagtail, la page devient impossible à rééditer dans l’admin après sauvegarde.
Le problème ne se produit pas avec du contenu copié depuis Google Docs ou Apple Pages.
Comportement observé
Le collage fonctionne et la page se sauvegarde correctement. À la réouverture de la page dans l’admin Wagtail, une erreur serveur se produit.
L’éditeur ne s’affiche plus et la page est bloquée.
L’erreur levée est :
KeyError: 'id'Elle intervient lors de la conversion du HTML stocké en base vers le format Draftail (HTML → contentstate), au niveau du traitement des images.L’HTML généré par Docs (Suite Numérique) contient des balises![]()
qui ne correspondent pas à des images Wagtail, et n’ont pas d’attribut id.
Le handler Wagtail chargé de traiter les images dans le rich text suppose que toutes les balises![]()
ont un id, et lève une exception lorsqu’il est absent, au lieu d’ignorer ces images.
Une fois le contenu enregistré, la page devient définitivement non éditable via l’admin.Il faut intervenir manuellement en base ou via un script pour corriger le HTML.