HTML Editor: Chemistry Equations

This is a visual editor that allows you to create chemical expressions, using either your keyboard or a set of icons. This tool is good for new users and does most of the formatting work for you. To access it: A) (if you have a small screen) click the Show All Components button; then B) click on the Graphical Equation button. ​

In the window that opens, you can select from any of 10 tabs to build your expression. 

Tip: We recommend building the structure of your equation first, and then adding the numbers and inline notations second.

Depending upon the expression you wish to create, you may have to mix and match characters, symbols, and operators on different tabs.

Note: If you cannot find an icon, click on any of the Expand arrows to open a dropdown menu with more options.

This tab allows you to add a template for building chemical equations.

Click the Expand button to open a periodic table. You can click on any element in the table to add it to your equation.

Includes:

This tab gives you access to a variety of symbols, some of which are also available on your keyboard.

Includes:

• Negation operator
• Plus, minus, forward slash and other basic math symbols
• Pi, infinity, empty site, and other algebraic symbols
• Equal signs
• Greater than, less than and other comparison symbols
• Set theory symbols
• Logic symbols
• Geometry symbols
• Circled symbols

This tab allows you to insert a variety of arrow types into your expression.

Includes:

• Right and left facing arrows, with and without bars
• Ellipses
• Dashes
• Arrows over, under, and between script
• Vector, arrow, and bar accents

This tab allows you to add a variety of  Greek, Latin, Arabic and chemical characters and symbols.

Includes:

• Greek letters
• Double-struck capital letters
• Fraktur capitals
• Script capitals
• Special characters
• Arabic numerals
• Chemical elements

Use this tab to build and format matrices, and to set up simple math equations.

Includes:

• Create matrices with bars, brackets, and parentheses
• Create rows and columns with bars, brackets, and parentheses
• Add curly brackets and align equations
• Add ellipses
• Stack characters for basic math (addition, subtraction, multiplication and division) operations

This tab provides functions for adding scripts or layouts to your equation.

Includes:

• Fractions
• Roots
• Super and subscripts
• Positioning and sizing for elements above and under one another
• Under and over scripts with braces
• Big operator layouts
• Digit, thinner, and back spaces

This tab allows you to add fences such as brackets and vertical bars around text fields.

Includes:

• Parentheses, brackets and vertical lines
• Top and bottom parentheses and brackets
• Accents
• Enclosures
• Strike throughs

This tab includes big operator notations.

Includes:

• Summations
• Products
• Scripts
• Unions

Add a template for building calculus equations.

Includes:

• Integrals
• Differentials and derivatives
• Limits
• Vector calculus
• Trigonometry

By default, the contextual tab is empty until you need it.

When you place your cursor somewhere in an expression that has extra settings, those settings will appear in the contextual tab. For example, when you create a matrix, and then place your cursor somewhere in that matrix, you will get options in the contextual tab to add lines, alignment, spacing and other formatting to your table.