Knowledge Base | What's New | Contact Us |

Molsoft HTML5 Molecule Editor

HTML5 Molecular Editor allows you to draw 2D chemical structure inside the web browser's page. It does not require any plug-ins (like Java) and works in any modern HTML5 compatible browser with Java Script enabled (including mobile platforms).

It is lightweight, intuitive and easy to use.

Here are few simple steps how to use it in your application:

  1. Include editor Java Script source
    <script src="lib/moledit.js" type="text/javascript"></script>

  2. Create 'div' place-holder of the desired size and style.
    <div id="myEditor" style="width:580px;border:2px solid gray; border-radius:5px;"></div>

  3. Create the editor inside the place-older
    <script>document.moledit = new ChemicalView("c1ccccc1", 500, 400 );</script>

Public API methods:

  1. Import chemical from MOL or SMILES
    ChemicalView.prototype.importFromString = function (str)

  2. Get SMILES string
    ChemicalView.prototype.getSmiles = function ()

  3. Get Molfile string
    ChemicalView.prototype.getSmiles = function ()

Our popular web services which use the editor

The editor is free for academic and personal use. Please contact us about commercial use.

Copyright © 2020 Molsoft LLC.
All rights reserved.
Terms of Use
Privacy Policy