FxEditor
User guideQuickstartDeploymentAPIDesignFxTeX
APIExamplesRight-click menuAccessibilityFxTeX Server
OverviewAPIAccess and keysSelf-hostingPlugins
OverviewCKEditor 5TinyMCE 6 and 7BloggerAngularFroalaTiptapWordPressMoodleGoogle Docs and SlidesCanvas, Blackboard and LTITiddlyWikiWriting your own
Licensing
How licensing worksWordPress
The fxEditor plugin for WordPress 5.0 and later (tested up to 7.1) adds an fx button to the Classic Editor's toolbar. It opens the equation editor in a dialog and inserts the equation into your post as MathML or an SVG image. Double-click an equation to edit it again.
Preview. Version 4.1 is not yet listed in the WordPress plugin directory. Contact us for a copy.
Installation
- Upload the plugin through Plugins → Add New → Upload Plugin, or copy its
folder into
/wp-content/plugins/. - Activate CodeCogs Equation Editor under Plugins.
- If your site uses the block editor, install and activate the official Classic Editor plugin, or add equations inside a Classic block. The fx button attaches to the Classic Editor's toolbar, which the block editor's own blocks do not have.
- Give the plugin your licence key, below. Then open a post: the fx button is on the toolbar.
Your licence key
The plugin has no settings page; it reads its configuration from JavaScript globals set in the
admin pages. The simplest place to set them is a small must-use plugin — a file in
/wp-content/mu-plugins/:
<?php
// wp-content/mu-plugins/eqneditor-config.php
add_action( 'admin_head', function () {
echo '<script>'
. 'window.eqneditorServer = "fxeditor.codecogs.com";'
. 'window.eqneditorLicence = "fx_pk_your-key-here";'
. '</script>';
} );
| eqneditorLicence | Your fxEditor licence key. Required. |
| eqneditorServer | Host the equation editor is loaded from: 'fxeditor.codecogs.com'. |
| eqneditorRenderUrl | The fxTeX Server that draws equations inserted as images: 'https://fxtex.codecogs.com', or your own. |
| eqneditorScriptUrl, eqneditorCssUrl, eqneditorMathmlCssUrl | Full URLs of the editor bundle and its stylesheets, when the defaults do not suit. |
Equations in your posts
The author chooses MathML or an SVG image in the dialog. The plugin lets MathML through
WordPress's content filter, so Authors and Contributors can save it too — without that,
WordPress strips <math> from the posts of anyone who cannot post unfiltered
HTML.
For MathML to display at its best, your theme needs one stylesheet. Add it to the theme's
header, or with wp_enqueue_style:
add_action( 'wp_enqueue_scripts', function () {
wp_enqueue_style( 'fxtex', 'https://fxtex.codecogs.com/fxtex.css' );
} );
CodeCogs®