CodeCogs®:: Table of Contents
FxEditor
User guideQuickstartDeploymentAPIDesignFxTeX
APIExamplesRight-click menuAccessibilityFxTeX Server
OverviewAPIAccess and keysSelf-hostingPlugins
OverviewCKEditor 5TinyMCE 6 and 7BloggerAngularFroalaTiptapWordPressMoodleGoogle Docs and SlidesCanvas, Blackboard and LTITiddlyWikiWriting your ownLicensing
How licensing worksQuickstart
The standard editor includes everything you need to write beautiful equations. You can integrate this into your website using only the following code.
<head>
<script src="https://fxeditor.codecogs.com/eqneditor.api.min.js"></script>
<link rel="stylesheet" href="https://fxeditor.codecogs.com/eqneditor.css"/>
<script>
// Your licence key, from the licence manager. Once per page, before any editor is built.
const ready = EqEditor.init({ licence: 'fx_pk_your-key-here' });
window.onload = async function () {
await ready;
const textarea = EqEditor.TextArea.link('latexInput')
.addOutput(new EqEditor.Output('output'))
.addHistoryMenu(new EqEditor.History('history'));
EqEditor.Toolbar.link('toolbar').addTextArea(textarea);
}
</script>
</head>
<body>
<div id="equation-editor">
<div id="history"></div>
<div id="toolbar"></div>
<div id="latexInput" placeholder="Write Equation here..."></div>
<div id="equation-output">
<img id="output">
</div>
</div>
</body>A licence key is required. EqEditor.init() activates the editor
for your domain. Until it has succeeded, equations show the reason they cannot render in place of
the maths. Your key is in the licence manager, with this snippet
already filled in; if you do not have one yet, see licence options. See
Activating with a licence key.
More
User guide — what your readers see, and every keyboard shortcut in it.
Deployment — popup, inline, multiple inputs, and a toolbar that follows the cursor.
API reference — every class, method and option.
Design — choosing which toolbar panels appear, and in what order.