# Comment insérer model-viewer ?

**URL:** <https://meta.discourse.org/t/how-to-insert-model-viewer/190686>\
**Category:** Product Support\
**Created:** [Mai 17, 2021, 3:44 UTC](https://meta.discourse.org/t/how-to-insert-model-viewer/190686 "2021-05-17T15:44:13Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![Paari\_Vendhan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/paari_vendhan/32/194254_2.png) [@Paari\_Vendhan](https://meta.discourse.org/u/Paari_Vendhan)\
**Post date:** [Mai 17, 2021, 3:44 UTC](https://meta.discourse.org/t/how-to-insert-model-viewer/190686/1 "2021-05-17T15:44:13Z")

</div>

Bonjour,

Nous hébergeons nous-mêmes Discourse pour notre startup. Dans le cadre de notre flux de travail, nous devons visualiser et analyser des modèles 3D. [Model-viewer](https://modelviewer.dev/) offre une possibilité très simple de visualisation à 360 degrés des modèles 3D. Il suffit d’intégrer du CSS, du JS et quelques lignes de HTML comme ci-dessous.

```javascript
<!-- Importer le composant -->
<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>

<!-- L'utiliser comme n'importe quel autre élément HTML -->
<model-viewer src="shared-assets/models/Astronaut.glb" alt="Un modèle 3D d'un astronaute" auto-rotate camera-controls></model-viewer>

```

Je peux personnaliser Discourse pour inclure du JS et du CSS, mais comment puis-je intégrer le code HTML ci-dessus ? D’après ce que j’ai appris, la balise div est interdite, et je n’ai rien trouvé concernant l’utilisation de la balise HTML model-viewer ici.

Mon idée est de télécharger un fichier glb sur Discourse via l’éditeur, puis d’utiliser ce lien dans l’attribut src de model-viewer pour l’intégrer sous forme de modèle 3D interactif.

Je vous remercie par avance pour vos conseils.

---

_[View the full topic](https://meta.discourse.org/t/how-to-insert-model-viewer/190686)._