在使用RDKit.js来渲染出SVG格式的化学结构式后，需要尝试用3D的方式表现出来。笔者在网上寻找一番，找到了一个叫MolView的工具。这个工具使用的是HTML的内联框架元素<iframe>，将3D分子示意图嵌入其中。具体是将<iframe>的src属性按照要求设置为需要的值。示例如下：之前使用的RDKit.js的smiles字符串为：CC(=O)Oc1ccccc1C(
原创
2024-05-28 14:48:14
727阅读
前几篇文章实现了RDKit.js的使用和MolView工具的使用。下面研究研究如何实时的更新出所对应的结构式预览。实际上只需要监听<textarea>的oninput()事件即可。将原有的<input>元素换为<textarea>元素，并添加一些css的样式。整体HTML文件如下：<!DOCTYPE html>
<head>
<
原创
2024-05-29 14:21:09
261阅读
