如何插入 model-viewer？

支持
1

Hi

We have a self hosted discourse for our startup. We are having to view and analyze 3d models as part of our workflow. Model-viewer gives a very simple 360 degree possibility of 3d models. It just takes a CSS, JS and few lines of html as below.

<!-- Import the component -->
<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>

<!-- Use it like any other HTML element -->
<model-viewer src="shared-assets/models/Astronaut.glb" alt="A 3D model of an astronaut" auto-rotate camera-controls></model-viewer>

I can customize discourse to include js and css, but how could I use above html to embed? As I learn, the div is banned, and I could not find anything about how to use model-viewer html tag at all here.

After all this, my idea is to upload glb file to discourse in editor, use that link for src tag of model-viewer, to get it embedded as interactive 3d.

Kindly advice.

1 个赞
2

At first glance, this reads like plugin territory, you may have to develop something custom for this.

1 个赞
3

如果其他人像我一样在谷歌搜索“Discourse 3D 模型查看器”时遇到此主题，那么我现在已经创建了一个支持此功能的组件，因此无需插件。您可以在组件类别中找到有关该组件的详细信息以及如何使用它的说明：插入模型 3D。

4 个赞