CodeCogs® | Equation Editor
:: Table of Contents
FxEditor
User guideQuickstartDeploymentAPIDesign
FxTeX
APIExamplesRight-click menuAccessibility
FxTeX Server
OverviewAPIAccess and keysSelf-hosting
Plugins
Overview
CKEditor 5TinyMCE 6 and 7BloggerAngularFroalaTiptapWordPressMoodleGoogle Docs and SlidesCanvas, Blackboard and LTITiddlyWikiWriting your own
Licensing
How licensing works

Plugins

If your site already has a rich-text editor, a CMS or a learning platform, you do not need to build an equation editor into it yourself. Each plugin below adds an fx button that opens fxEditor and puts the finished equation into the document.

Available plugins

PlatformVersionsInsertsStatus
CKEditor 5v42 and laterMathML or SVG imageReleased
CKEditor 44.xMathML or SVG imageLegacy
TinyMCE6 and 7MathML or SVG imageReleased
TinyMCE 44.xMathML or SVG imageLegacy
Froala3 and 4MathML or SVG imagePreview
Tiptap / ProseMirrorTiptap 2MathML or SVG imagePreview
WordPress5.0 to 7.1, Classic EditorMathML or SVG imagePreview
Moodle4.1 and laterImage, LaTeX or MathMLPreview
Google Docs and Slides—ImagePreview
Canvas, Blackboard, Brightspace, SchoologyLTI 1.3ImagePreview
TiddlyWiki5.4 and laterMathML or SVG imagePreview
Blogger—Renders LaTeX in postsReleased
Angular—Via the TinyMCE pluginReleased

Released plugins are published and supported. Preview plugins are new: they work, but have not yet been through a full release on their platform, and each page says what has been tested. Ask us for a copy — and tell us what you find. Legacy plugins are for older editor versions, kept for sites that still run them.

Your platform is not listed? Every plugin is built on the same public API, and Writing your own shows how. Or ask us.

What every plugin shares

A licence key

The equation editor is activated with your fxEditor licence key, the same one you would pass to EqEditor.init() directly. Each plugin has an option for it — the names differ only to follow each platform's own conventions:

PluginLicence option
CKEditor 5eqnEditor: { licence: '…' }
CKEditor 4config.eqneditor_licence
TinyMCE 4, 6 and 7eqneditor_licence
FroalaeqneditorLicence
TiptapEqnEditor.configure({ licence: '…' })
WordPresswindow.eqneditorLicence
MoodleLicence key, in the plugin's site settings
Google Docs and SlidesScript property EQNEDITOR_LICENCE
LTI 1.3Environment variable EQNEDITOR_LICENCE
TiddlyWikiTiddler $:/config/codecogs/eqneditor/Licence

Your key is in the licence manager. Without one, equations show the reason they cannot render in place of the maths.

Where the editor comes from

Plugins are small. The equation editor itself is loaded from fxeditor.codecogs.com when it is first needed, so you always have the current version without rebuilding. Each plugin has a server option to load it from somewhere else, and a render URL option naming the fxTeX Server that draws equations inserted as images — change it to use a self-hosted one.

MathML or an image

Most plugins let the author choose, in the equation dialog, how each equation is inserted:

MathML, the default: the mathematics itself, with its spoken form attached for screen readers. It needs nothing from us when the page is read, and scales and reflows with the text around it.

An SVG image, drawn by fxTeX Server, with the LaTeX as its alt text. It shows anywhere a picture can, but every view of the page is a request to the rendering service.

Either way the LaTeX travels with the equation, so it can be reopened and edited later.

A stylesheet for published MathML

The plugins style MathML inside the editor for you. The page that finally shows your content needs one line to do the same:

<link rel="stylesheet" href="https://fxtex.codecogs.com/fxtex.css">

Or add fxTeX to that page, which carries the stylesheet itself and gives every equation the right-click menu.

More

User guide — what your authors see inside the equation dialog.

Writing your own — building a plugin for a platform not listed here.

How licensing works — which products need a licence, and when.

Copied to clipboard