Codecogs Latex Equation Editor

September 20, 2011

Codecogs Latex Equation Editor Plugin

Adds codecogs WYSIWYG LaTex equation popup editor to wordrpess TinyMCE editor.

A Tiny MCE plugin which makes writing latex equation easy and WYSIWYG(what you see is what you get). It converts latex code into image which shows real beautiful latex equations on your post.

It adds an “fx” botton on the wordpress TinyMCE editor, on clicks it the codecogs latex equation editor pops up, where you can edit latex, then click the copy button to copy the equation image back in TinyMCE textarea.

You can also use this editor to only input latex code and let plugins like quicklatex, mathjax or Latex for WordPess to convert it to equation image, you’d better change line 90 in editor_plugin.js
tinyMCE.activeEditor.execCommand(‘mceInsertContent’, false, ”);
to
tinyMCE.activeEditor.execCommand(‘mceInsertContent’, false, ‘\[‘+latex+’\]’);
inorder to only copy LaTex code to TinyMCE textarea when click the copy button.

I just followed the tutorial written by Greg Winiarski(http://ditio.net/2010/08/15/adding-custom-buttons-to-wordpress-tinymce/) and make codecogs Tiny MCE plugin(http://www.codecogs.com/latex/integration/tinymce/install.php) into a wordpress plugin. Thanks the great guys. If you can make the plugin better to use please tell me in http://www.verymath.com/2011/05/10/codecogs-latex-equation-editor/

Arbitrary section

You may provide arbitrary sections, in the same format as the ones above. This may be of use for extremely complicated
plugins where more information needs to be conveyed that doesn’t fit into the categories of “description” or
“installation.” Arbitrary sections will be shown below the built-in sections outlined above.

A brief Markdown Example

Ordered list:

  1. Some feature
  2. Another feature
  3. Something else about the plugin

Unordered list:

  • something
  • something else
  • third thing

Here’s a link to WordPress and one to Markdown’s Syntax Documentation.
Titles are optional, naturally.

Markdown uses email style notation for blockquotes and I’ve been told:

Asterisks for emphasis. Double it up for strong.

<?php code(); // goes in backticks ?> 

Installation

  1. Upload to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. find the “fx” button on you wordpress TinyMCE editor

You can also use this editor to only input latex code and let plugins like quicklatex, mathjax or Latex for WordPess to convert it to equation image, you’d better change line 90 in editor_plugin.js
tinyMCE.activeEditor.execCommand(‘mceInsertContent’, false, ”);
to
tinyMCE.activeEditor.execCommand(‘mceInsertContent’, false, ‘\[‘+latex+’\]’);
inorder to only copy LaTex code to TinyMCE textarea when click the copy button.

Screenshots

  1. This screen shot description corresponds to screenshot-1.(png|jpg|jpeg|gif). Note that the screenshot is taken from the directory of the stable readme.txt, so in this case, <code>/tags/4.3/screenshot-1.png</code> (or jpg, jpeg, gif)

    This screen shot description corresponds to screenshot-1.(png|jpg|jpeg|gif). Note that the screenshot is taken from the directory of the stable readme.txt, so in this case, /tags/4.3/screenshot-1.png (or jpg, jpeg, gif)

  2. This is the second screen shot

    This is the second screen shot

FAQ

A question that someone might have

An answer to that question.

Changelog

1.0.3

  • fix the tinymce button
    add a way to only copy LaTex code to work with plugins like QuickLatex, see Installation.

1.0.2

  • fix a conflict with another tinymce button.

1.0.1

  • fix the directory error.

1.0.0

  • first version.

Details

  • Version: 1.0.2
  • Active installations: 90
  • WordPress Version: 3.1
  • Tested up to: 3.1.4

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars