Signals Blog

Build a Working ChemWriter Editor Page in 13 Lines of HTML

ChemWriter 3 simplifies the way components such as the structure editor are embedded. For example, a minimal page containing a fully-functional Editor can be created with only 3 ChemWriter-specific tags: a <link> tag to load the stylesheet; a <script> tag to load ChemWriter; and a <div> element in which to host the component.

Show a Blank ChemWriter Editor
    <title>Show a Blank ChemWriter Editor</title>
    <link rel="stylesheet" href="">
    <script src=""></script>
    <div id="editor" data-chemwriter-width="100%" data-chemwriter-height="350"

The result is an editor 350 pixels high and which spans the available width of the page. For details, see the ChemWriter Quickstart.