I have forgotten
my Password

Or login with:

  • Facebookhttp://facebook.com/
  • Googlehttps://www.google.com/accounts/o8/id
  • Yahoohttps://me.yahoo.com
Videos featuring the Editor *
* Warning: CodeCogs is not responsible for content on external sites.
Products » Equation Editor »

FCK Editor (plugin v2.4)

A FCKEditor plugin that allows equations to be created in HTML.



  • To create a new equation, click the fx button on the FCK Editor toolbar. This launches the Equation Editor.
  • Create your equation.
  • Select Copy to document to insert the equation into your document at the cursor position.
  • Double-click existing equations to edit them in the Equation Editor.

FCK Editor
Example toolbar, CodeCogs Equation Editor button is bottom left.

Quick Installation

  1. Install the FCK Editor.
  2. Download EqnEditor_fck_plugin_v2.4.zip and uncompress it to your desktop or server.
  3. Find the folder where you installed fckeditor. For the current purposes, we will assume this is ~/fckeditor.
  4. Open the FCKEditor plugins folder, ~/fckeditor/editor/plugins and copy into this the directory equation from EqnEditor_fck_plugin_v2.4.zip.
  5. Open ~/fckeditor/fckconfig.js and find the line:
    FCKConfig.PluginsPath = FCKConfig.BasePath + 'plugins/' ;
    and add:
    FCKConfig.Plugins.Add( 'equation', 'en' );
    FCKConfig.TidyEqns=false; // or true to encode backslashes
  6. In the same file, "~/fckeditor/fckconfig.js", find the line:
    FCKConfig.ToolbarSets["Default"] = [
    and add the "Equation" option wherever appropriate, e.g.:
    FCKConfig.ToolbarSets["Default"] = [
  7. Optionally you can also search for
    FCKConfig.ToolbarSets["Basic"] = [
    ] ;
    and again add the "Equation" option, e.g.,
    FCKConfig.ToolbarSets["Basic"] = [
    ] ;
  8. And Enjoy!