JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://editor.mestrelab.com/moleculeEditor/MolEditorExport/MolEditorExport.nocache.js"></script>
<div id="editor"></div>
<input type="button" onclick="importMolfile()" value="import Molfile"/>
<input type="button" onclick="exportMolfile()" value="Export Molfile"/>
JavaScript
var a =null;
function jscOnLoad(){
a =new mestrelab.JsMoleculeEditor('editor',600,400,'false');
}
function importMolfile(){
if (a != null)
a.importMolfile("Untitled Document-1\n\r ChemDraw12171217202D\n\r\n\r 41 40 0 0 0 0 0 0 0 0999 V2000\n\r -3.5720 2.0628 0.0000 N 0 0 0 0 0 0 0 0 0 0 0 0\n\r -2.8575 1.6504 0.0000 C 0 0 0 0 0 0 0 0 0 0 0 0\n\r -2.1431 2.0628 0.0000 C 0 0 0 0 0 0 0 0 0 0 0 0\n\r -1.4286 1.6504 0.0000 N 0 0 0 0 0 0 0 0 0 0 0 0\n\r -0.7141 2.0628 0.0000 C 0 0 0 0 0 0 0 0 0 0 0 0\n\r 0.0003 1.6504 0.0000 C 0 0 0 0 0 0 0 0 0 0 0 0\n\r 0.7148 2.0628 0.0000 N 0 0 0 0 0 0 0 0 0 0 0 0\n\r 1.4293 1.6504 0.0000 C 0 0 0 0 0 0 0 0 0 0 0 0\n\r -2.1431 2.8864 0.0000 O 0 0 0 0 0 0 0 0 0 0 0 0\n\r 0.0003 0.8268 0.0000 O 0 0 0 0 0 0 0 0 0 0 0 0\n\r 2.1438 2.0628 0.0000 C 0 0 0 0 0 0 0 0 0 0 0 0\n\r 2.1438 2.8878 0.0000 O 0 0 0 0 0 0 0 0 0 0 0 0\n\r 2.8570 1.6511 0.0000 N 0 0 0 0 0 0 0 0 0 0 0 0\n\r 3.5714 2.0636 0.0000 C 0 0 0 0 0 0 0 0 0 0 0 0\n\r 4.2859 0.8274 0.0000 N 0 0 0 0 0 0 0 0 0 0 0 0\n\r 4.2859 1.6511 0.0000 C 0 0 0 0 0 0 0 0 0 0 0 0\n\r 4.2859 -0.8237 0.0000 N 0 0 0 0 0 0 0 0 0 0 0 0\n\r 5.0008 -0.4100 0.0000 C 0 0 0 0 0 0 0 0 0 0 0 0\n\r 5.0008 0.4155 0.0000 C 0 0 0 0 0 0 0 0 0 0 0 0\n\r 1.4302 -1.6437 0.0000 C 0 0 0 0 0 0 0 0 0 0 0 0\n\r 2.1414 -2.0538 0.0000 C 0 0 0 0 0 0 0 0 0 0 0 0\n\r 2.8544 -1.6437 0.0000 N 0 0 0 0 0 0 0 0 0 0 0 0\n\r 3.5711 -2.0628 0.0000 C 0 0 0 0 0 0 0 0 0 0 0 0\n\r 4.2859 -1.6492 0.0000 C 0 0 0 0 0 0 0 ...