Schrek.fr

Mon super blog :)

  1. home
  2. posts
  3. 2023
  4. 07
  5. Hugo-shortcode-Html

Shortcode pour integrer le HTML

Cet article fait partie de la série: Hugo


On pourrait ecrire des milliers de shorcode pour integrer du html, mais il y a plus facile.

Pour l’exemple, on va prendre des videos diffusé sur Peertube.fr

Le code original

<iframe title="GoGoCarto - 1 - Personnalisation du site" src="https://www.peertube.fr/videos/embed/54509567-9116-4264-ba86-6c2d20cd360b" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups" width="560" height="315" frameborder="0"></iframe>

Des idées sur l’iframe en mode Hugo ici.

Le Shortcode

On va créer dans le dossier des shortcodes /themes/VOTRETHEME/layouts/shortcodes, un fichier rawhtml.html. Avec seulement ca.

{{.Inner}}

Exemple

Il suffit de coller l’iframe entre nos 2 balises.

{{< rawhtml >}}
<iframe title="GoGoCarto - 1 - Personnalisation du site" src="https://www.peertube.fr/videos/embed/54509567-9116-4264-ba86-6c2d20cd360b" allowfullscreen="true" sandbox="allow-same-origin allow-scripts allow-popups" width="560" height="315" frameborder="0"></iframe>
{{< /rawhtml >}}

Liens

https://www.peertube.fr/

https://joinpeertube.org/fr/

comments powered by Disqus