CodeCogs® | fxEditor Plugins
:: Table of Contents
Plugins
Overview
HTML editors
CKEditor 5 CKEditor 4 TinyMCE 6 and 7 TinyMCE 4 Froala Tiptap Angular
CMS and LMS
WordPress Moodle Canvas, Blackboard and LTI Blogger
Other
Google Docs and Slides
TiddlyWiki
Developers
Writing your own

Google Docs and Slides

The fxEditor add-on for Google Docs and Google Slides adds Insert equation… to the Extensions menu. It opens the equation editor in a sidebar; press Insert and the equation is placed in your document or slide as an image. Here is the sidebar beside a stand-in document:

Open the example on its own ↗

Preview. The add-on is not yet listed on the Google Workspace Marketplace. Deploy your own copy from the add-on folder in the download in Customise and download, as described below, or contact us.

Why an image

Docs and Slides have no way for an add-on to insert MathML or live LaTeX: an image is the only form of equation both apps can hold. It is drawn by fxTeX Server as a PNG at the moment you insert it, so the document does not depend on our service afterwards.

Deploying it for your organisation

The add-on is an Apps Script project. To deploy your own copy — for example, as an add-on private to your Google Workspace domain — with Google's clasp tool:

npm install -g @google/clasp
clasp login
cd add-on                     # from the download below
clasp create --type docs --title "CodeCogs Equation Editor" --rootDir src
clasp push

Then set its Script properties (Project Settings → Script Properties in the Apps Script editor):

EQNEDITOR_LICENCEYour fxEditor licence key. Required.
EQNEDITOR_DESIGNThe editor's look, as JSON: dialog width, height and scale, toolbar panels and size, colour, equation and markup sizes, undo/redo. Build one in Customise and download — design.json in the download.
EQNEDITOR_SERVERHost the equation editor is loaded from: fxtex.codecogs.com.
EQNEDITOR_RENDER_URLThe fxTeX Server that draws the images: https://fxtex.codecogs.com, or your own.

Customise and download

Make the equation editor your own: choose what it shows, drag panels from More panels into up to three toolbar rows, and pick a colour and sizes. The preview is the real Google Docs and Slides page, rebuilt as you go. Then add your licence key and download it: an example.html with a page of equations to edit, loading everything it needs from fxplugins.codecogs.com.

Show
Colour

Your toolbar

Row 1
Row 2
Row 3

More panels 0

Dialog
Toolbar
Text
Preview

Your design

The option that gives Google Docs and Slides this design — it is already in the download. Leave it out and the editor uses the standard design.

Your key is in the licence manager on fxEditor — or get one. Without a key, the download still works: equations show why they cannot render until you add one.

Complete example

The whole of the page running above: a simple, complete HTML page that loads Google Docs and Slides and the plugin. Every file comes from fxplugins.codecogs.com, so it works as it is — put in your own licence key. (Keys are shortened here.)

Copied to clipboard