🧩

Вставка интерактивной 3D молекулы

Шаг 1. В настройках страницы, куда будет вставлена молекула, вставить код:

<script type='text/javascript' src='https://www.x3dom.org/download/x3dom.js'> </script>
<link rel='stylesheet' type='text/css' href='https://www.x3dom.org/download/x3dom.css'></link>
image

Шаг 2. Собрать молекулу на странице https://www.mn-am.com/online_demos/corina_demo_interactive

Шаг 3. Экспортировать молекулу в формате X3D:

image

Шаг 4. Открыть загруженный файл в любом текстовом редакторе.

Шаг 5. Скопировать код в файле целиком.

Шаг 6. Открыть https://tools.creatium.site/mol-x3d

Шаг 7. Вставить код из файла в первое поле.

Шаг 8. Скопировать код из второго поля.

Шаг 9. Открыть страницу в редакторе, и добавить туда, где будет молекула, виджет "Вставка HTML кода".

image
Важно: не спутать с виджетом "HTML компонент".

Шаг 10. В настройках виджета вставить код из 8 шага.

Шаг 11. Опубликовать страницу, проверить результат.