Miss any of our Open RFC calls?Watch the recordings here! »

@wiris/mathtype-tinymce5

7.24.1 • Public • Published

MathType for TinyMCE5 Tweet

Type and handwrite mathematical notation with MathType.

Easily include quality math equations in your documents and digital content.

MathType for TinyMCE5 screenshot

Table of Contents

Install instructions

  1. Install the npm module:

    npm install @wiris/mathtype-tinymce5
    
  2. Add the plugin as an external plugin:

    tinymce.init({
      external_plugins: {
        'tiny_mce_wiris' : 'http://localhost/project/npm-tinymce5/node_modules/@wiris/mathtype-tinymce5/plugin.min.js'
      }
    });

    Please, note the URL must be absolute due to a TinyMCE5 issue. See TinyMCE5 tracker for further information.

  3. Add MathType buttons to the TinyMCE5 toolbar:

    tinymce.init({
      toolbar: 'tiny_mce_wiris_formulaEditor tiny_mce_wiris_formulaEditorChemistry',
    });

    Notice the example assumes this directory structure:

     └───index.html
     └───node_modules
         └───@wiris/mathtype-tinymce5
    

Services

This npm module uses remotely hosted services to render MathML data. However, we recommend you install these services on your backend. This will allow you, among other things, to configure the service and to locally store the images generated by MathType.

The services are available for Java, PHP, .NET and Ruby on Rails. If you use any of these technologies, please download the plugin for your backend technology from here.

In order to install the plugin along with the correspondent services, please follow the TinyMCE5 install instructions.

Displaying on Target Page

In order to display mathematical formulas on the target page, i.e. the page where content produced by the HTML editor will be visible, the target page needs to include the MathType script. For example for the default setting this would be:

<script src="https://wiris.net/demo/plugins/app/WIRISplugins.js?viewer=image"></script>

Documentation

To find out more information about MathType, please go to the following documentation:

Privacy policy

The MathType Privacy Policy covers the data processing operations for the MathType users. It is an addendum of the company’s general Privacy Policy and the general Privacy Policy still applies to MathType users.

Install

npm i @wiris/mathtype-tinymce5

DownloadsWeekly Downloads

105

Version

7.24.1

License

MIT

Unpacked Size

217 kB

Total Files

5

Last publish

Collaborators

  • avatar