Code d'intégration CANVA

[sousou33]

Bonjour à tous,

J'utilise pas mal CANVA pour la création de visuels. Je souhaitai intégrer un code pour l'insérer un post. L'avantage d'utiliser ce code d'intégration et que si j'effectue des modifications depuis CANVA, il se met également à jour là où le code est inséré.
Ce code est un code html.

Celui-ci :

Code:


<div style="position: relative; width: 100%; height: 0; padding-top: 100.0000%;
 padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
 border-radius: 8px; will-change: transform;">
  <iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
    src="https://www.canva.com/design/DAGK6eZhY6Q/rsVqwITE5DHqqg966ggyEQ/view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
  </iframe>
</div>
<a href="https://www.canva.com/design/DAGK6eZhY6Q/rsVqwITE5DHqqg966ggyEQ/view?utm_content=DAGK6eZhY6Q&amp;utm_campaign=designshare&amp;utm_medium=embeds&amp;utm_source=link" target="_blank" rel="noopener">Pilotes CE 24 4x2 - Hanvec</a> par AMR33

Ou celui-ci :

Code:


https://www.canva.com/design/DAGK6eZhY6Q/rsVqwITE5DHqqg966ggyEQ/view

Quand je l'intègre dans le message, voici ce que ça donne :
<div style="position: relative; width: 100%; height: 0; padding-top: 100.0000%;
padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
border-radius: 8px; will-change: transform;">
<iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
src="https://www.canva.com/design/DAGK6eZhY6Q/rsVqwITE5DHqqg966ggyEQ/view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
</iframe>
</div>
<a href="https://www.canva.com/design/DAGK6eZhY6Q/rsVqwITE5DHqqg966ggyEQ/view?utm_content=DAGK6eZhY6Q&amp;utm_campaign=designshare&amp;utm_medium=embeds&amp;utm_source=link" target="_blank" rel="noopener">Pilotes CE 24 4x2 - Hanvec</a> par AMR33

Vous avez une solution ?

Merci d'avance,
Benjamin

[MlleAlys]

Bonjour,
Avez-vous bien activé le html ?
https://forum.forumactif.com/t285442-activation-du-html

[sousou33]

Bonjour MlleAlys,

J'ai bien vérifié tous les points sur le html. Rien n'y fait…
Avez-vous essayé d'intégrer le code sur un de vos post? afin de voir si vous aussi, ça ne fonctionne pas.

Merci pour l'aide.

[MlleAlys]

Ah il y a effectivement des retours à la ligne qui faussent la lecture du code par l'éditeur (il n'y aurait pas de souci avec un véritable éditeur de code html, mais l'éditeur de messages de forumactif n'en est pas un).
Vous trouverez en ligne pas mal d'outils qui vous proposent de compresser le code :

Code:

<div style="position: relative; width: 100%; height: 0; padding-top: 100.0000%; padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden; border-radius: 8px; will-change: transform;"><iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;" src="https://www.canva.com/design/DAGK6eZhY6Q/rsVqwITE5DHqqg966ggyEQ/view?embed" allowfullscreen="allowfullscreen" allow="fullscreen"> </iframe>
</div><a href="https://www.canva.com/design/DAGK6eZhY6Q/rsVqwITE5DHqqg966ggyEQ/view?utm_content=DAGK6eZhY6Q&amp;utm_campaign=designshare&amp;utm_medium=embeds&amp;utm_source=link" target="_blank" rel="noopener">Pilotes CE 24 4x2 - Hanvec</a> par AMR33

Le code fonctionne alors correctement.

[sousou33]

Ohhhh super, votre compression fonctionne !
Vous avez outil à me conseiller ?

[MlleAlys]

j'ai recherché "compresser code html" sur google et j'ai pris le premier lien
Certains proposent parfois des options en fonction du niveau de compression souhaité, mais ici il n'y en avait pas besoin.

[sousou33]

Ok, merci beaucoup !
Je vais clôturer ma question