Angular

This page describes how to add the equation editor to TinyMCE in an Angular application, using npm.

TinyMCE

Install the Equation editor in your project root directory with:

npm install @codecogs/eqneditor-tinymce6

Tell Angular how to initialise the equation editor by adding the following in your ‘angular.js’ file under ‘projects->architect->build->options->scripts’ (you should already see "node_modules/tinymce/tinymce.min.js" there, make sure to add the following below that line):

"node_modules/@codecogs/eqneditor-tinymce6/eqneditor.js"

Alter your text editor initialisation script so it resembles the following, this is likely in src/app/app.component.html or something similar if you have a more customised build:

<editor [init]="{
  plugins: 'lists link image table code help wordcount eqneditor',
  toolbar: 'bold italic underline eqneditor',
  base_url: '/tinymce',
  suffix: '.min',
  eqneditor_server: 'fxeditor.codecogs.com',
  eqneditor_licence: 'fx_pk_your-key-here'
}"></editor>

The last two lines point the plugin at the equation editor and activate it with your licence key, from the licence manager. Every other option is as described on the TinyMCE page.