Equation Editor

This Equation Editor provides a toolbar with common mathematical operators and symbols, to help write stunning equations using the LaTeX markup. A high resultion preview of your equation is shown within the editor, which is inserted into your document when you click 'Ok'.

This editor is power by the CodeCogs Equation Engine, the world's leading equation rendering web-service.

  • To create a new equation, first click within the text area where you need to add the equation.
  • Click the fx button on the CK Editor toolbar. This launches the CodeCogs Equation Editor, which you can also see here http://www.codecogs.com/eqneditor
  • Create your equation.
  • Select 'ok'
  • Double-click or right click on an existing equations to edit them within the Equation Editor.
  • Use the Command-Tab to step between key elements of your equation.
  1. Download the equation editor plugin and uncompress it to your desktop or server.
  2. Find the folder where you installed CK Editor. For our purposes we will assume this is ~/ckeditor.
  3. Open the CK Editor plugins folder, ~/ckeditor/plugins and copy in the directory 'eqneditor' from the uncompressed 'eqneditor_v2.zip' folder.
  4. Modify the config.js to load the plugin by adding config.extraPlugins = 'eqneditor'.
  5. The equation editor buttion (fx) will now appear in the 'insert' group.
  6. Alternatively, you can use the command 'EqnEditor' to add a button to a custom toolbar, e.g. CKEDITOR.replace( 'editor1', { toolbar : [ [ 'EqnEditor', 'Bold', 'Italic' ] ] });

For support and suggestion, please leave comments on our forum: http://www.codecogs.com/pages/forums/forum_view.php?f=28




89,003 downloads (view stats)


Plugin versions CKEditor versions
4.23 4.22 4.21

Version: 2.2

DownloadRelease notes

Update and Bug Fix:

  • General update linked to backend system being moved to a new server
  • Updated to work with v4.4 of CKEditor
  • Fixed a double click to edit an existing equation (Thanks to Dmitry)
  • Fixes errors with secure (https) image addresses
Twitter Facebook Facebook Instagram Medium Linkedin GitHub Arrow down Phone Menu Close icon Check