To ensure the continued success of ChemDoodle Web Components, iChemLabs is dedicated to funding and developing this project. Please also help us by mentioning it to your colleagues and friends and placing a link to us on your webpage. If you really like ChemDoodle Web Components, you may also enjoy ChemDoodle, our advanced and affordable chemical structure environment that works on all operating systems.
Download ChemDoodle Web Components v5.2.1
MD5 checksum: 9adf6cc0f0b21fe9c7a33e0b684475c9
ChemDoodleWeb.js is only 202 KB!
Setting up ChemDoodle Web Components for use on your website is very simple and consists of 3 easy steps:
- Download the ChemDoodle Web Components library above.
Install the following files on your website. This can be done by simply copying the files to your server so they are accessible by your webpages.
- Link to the essential files as URI resources in the <head> section of all the pages in which you would like to use the components. The <meta> tag listed first is to ensure that Google Chrome Frame is used in old versions of Internet Explorer. [path] is a placeholder and should be the path to the installation files on your web server.
Congratulations! ChemDoodle Web Components is now installed and ready for you to use!
To begin using the ChemDoodle Web Components. Please refer to the Tutorial menu on the top of this website.
The ChemDoodleWeb/samples directory in the download contains various sample HTML files for different components. Just open these files in a web browser to see them work, and view their source to learn how they work.
Hot-linking to the Library
As an alternative to installing the ChemDoodle Web Components library on your server, you can also hot-link the installation files.
We host a repository of all versions of the ChemDoodle Web Components library since version 4. You may want to use this repository for testing or for using ChemDoodle Web Components on a website where you do not have access to the server to install the library.
If you want to link a specific version of the ChemDoodle Web Components library, then replace the [path] placeholder in the URI resources above with the following url where [version] is the version of the ChemDoodle Web Components library to use:
You can also link the latest by replacing the [path] placeholder in the URI resources above with the following url:
Each version root will contain the entire contents of the ChemDoodleWeb/install folder from the download, so you can hot-link the script files, css and image resources. Our hot-linking hub is provided as a courtesy to our customers, and we reserve the right to shutdown the site for any reason (such as for maintenance). So you should not hot-link the ChemDoodle Web Components for a production website or product.
3rd Party Libraries
ChemDoodle uses the following 3rd party libraries, which are provided in the ChemDoodleWeb-libs.js file:
- jQuery mousewheel – A jQuery plugin to handle mousewheel events.
- glMatrix – A high performance matrix maths library by Brandon Jones.
You may find that you need to update to a newer version or use an older version of one of the libraries used by ChemDoodle Web Components. In this case, you will need to delete the library source from the ChemDoodleWeb-libs.js file. There is no guarantee that ChemDoodle Web Components will continue to work if there are major differences between the provided version of these libraries and the ones you are using. More information about these libraries can be found in the ChemDoodle Web Components download.