Recover Password

Or login with:

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

Equations in FCK Editor (v2.3.1)

This plugin for FCKEditor that allows equations to be added to directly into HTML.

Example

Usage

  • 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 fckplugins_v2.3.1.zip and uncompress it to your desktop or server.
  3. Find the folder where you installed fckeditor. For our purposes, we will assume this is "~/fckeditor".
  4. Open the FCKEditor plugins folder, "~/fckeditor/editor/plugins" and copy in all the directories from the uncompressed fckplugin_v2_1.zip, i.e. "equation", "tagprocessor" and "equation_html".
  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"] = [
    ['Source','DocProps','-','Save','NewPage','Preview','-','Templates'],
    and add the "Equation" option wherever appropriate, e.g.:
    FCKConfig.ToolbarSets["Default"] = [
    ['Source','Equation','DocProps','-','Save','NewPage','Preview','-','Templates'],
  7. Optionally you can also search for
    FCKConfig.ToolbarSets["Basic"] = [
    ['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','About']
    ] ;
    and again add the "Equation" option, e.g.,
    FCKConfig.ToolbarSets["Basic"] = [
    ['Equation','Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','About']
    ] ;