CKEditor4 Formula Editor

CKEditor4 Formula Editor

CKEditor has no math formula  plugin default. This plugin is a formula plugin called “CKEditor4  Formula Editor”, you can use it in your CKEditor  to insert and update math formula easily.


  • v2. 16/02/2016 fix not support for latest Chrome


  1. Support for multiple formula: Fraction, Script, Radical, Intergral, Operator, Bracket and Function.
  2. Support for special characters, such as greek letters, arrows, relations and scripts.
  3. Responsile for complicated formula.
  4. Easy to use as the MathType.
  5. Pure front-end, no server support.
  6. Save as image.


  1. Upload the files to the CKEditor plugins’ folder.
  2. Update your ckeditor config.js to add `leaui_formula` plugin, eg:
config.toolbar = [ ['LeauiFormula'], ['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink' ], [ 'FontSize', 'TextColor', 'BGColor']
config.extraPlugins = 'leaui_formula';

Or you can update your ckeditor configuration when create it:

CKEDITOR.replace( 'editor1' , { toolbar: [ ['LeauiFormula'], ['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink' ], [ 'FontSize', 'TextColor', 'BGColor'] ], extraPlugins: 'leaui_formula'

More items by leaui

CKEditor4 Formula Editor TinyMCE4 Doc Nav TinyMCE4  Album  Image Manager