Download

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 v6.0.1

 
MD5 checksum: b2cea3a4a8c0562b25ff03af2b12bae3
ChemDoodleWeb.js is only 336 KB!

Setup

Setting up ChemDoodle Web Components for use on your website is very simple and consists of 3 easy steps:

  1. Download the ChemDoodle Web Components library above.
  2. 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.

    • ChemDoodleWeb.css
    • ChemDoodleWeb.js

  3. 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.
1
2
3
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<link rel="stylesheet" href="[path]/ChemDoodleWeb.css" type="text/css">
<script type="text/javascript" src="[path]/ChemDoodleWeb.js"></script>

Congratulations! ChemDoodle Web Components is now installed and ready for you to use!

Getting Started

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:

http://hub.chemdoodle.com/cwc/[version]

You can also link the latest by replacing the [path] placeholder in the URI resources above with the following url:

http://hub.chemdoodle.com/cwc/latest

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 embedded in the ChemDoodle scope (ChemDoodle.lib):

  • jQuery – Very thorough and helpful Javascript utility library.
  • jQuery mousewheel – A jQuery plugin to handle mousewheel events.
  • glMatrix – A high performance matrix maths library by Brandon Jones.
  • jQuery UI – A jQuery extension for creating web based interfaces. (uis extension only)
  • jQuery Simple Color – A jQuery plugin to display a visual color picker. (uis extension only)

Because they are embedded in the ChemDoodle scope, they will not interfere with any other versions of these libraries linked on your page. For instance, you can link another version of jQuery on your page and it will not interfere with ChemDoodle Web Components or vice versa.

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 (if you are customizing the ChemDoodle Web Components for instance). In this case, you will need to replace the appropriate library in the source and properly update the third party library to reference the ChemDoodle.lib scope. 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 replacing it with. More information about these libraries can be found in the ChemDoodle Web Components download.