CodeCogs®:: Table of Contents
FxEditor
User guideQuickstartDeploymentAPIDesignFxTeX
APIExamplesRight-click menuAccessibilityFxTeX Server
OverviewAPIAccess and keysSelf-hostingPlugins
OverviewCKEditor 5TinyMCE 6 and 7BloggerAngularFroala
TiptapWordPressMoodleGoogle Docs and SlidesCanvas, Blackboard and LTITiddlyWikiWriting your own
Licensing
How licensing worksFroala
The fxEditor plugin for Froala versions 3 and 4 adds an eqneditor toolbar button that opens the equation editor in a dialog, and inserts the result at the cursor. It is a single script and stylesheet, with no build step.
Preview. This plugin is new and not yet published to npm. Contact us for a copy.
Installation
npm install @codecogs/eqneditor-froalaLoad the plugin's script and stylesheet after Froala's own, then add eqneditor to
the toolbar and give it your licence key:
<link rel="stylesheet" href="node_modules/@codecogs/eqneditor-froala/eqneditor.css">
<script src="node_modules/@codecogs/eqneditor-froala/eqneditor.js"></script>
<script>
new FroalaEditor('#editor', {
toolbarButtons: ['bold', 'italic', '|', 'eqneditor'],
eqneditorServer: 'fxeditor.codecogs.com',
eqneditorLicence: 'fx_pk_your-key-here' // from the licence manager
});
</script>Click an equation already in the document to edit it again.
What gets inserted
The author chooses in the dialog: MathML (the default) or an SVG image drawn by fxTeX Server. See What every plugin shares for the difference, and for the one stylesheet a page showing MathML needs.
Configuration
| 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 | Full URL of the equation editor bundle, when the default path does not suit. |
| eqneditorCssUrl | Full URL of the equation editor stylesheet. |
| eqneditorMathmlCssUrl | The MathML stylesheet loaded into the editing area. |